Dowe

FORM

Input

Inputs collect editable text with consistent labels, placeholders, icons, and visual variants on every target.

PLAYGROUND

Edit one shared value

The Select and Input bind to the same string Signal. Choose a preset, then continue editing it directly in the field.

dowe
signal fieldValue value:""

Input bind:fieldValue label:"Workspace name" placeholder:"Enter a workspace name" labelFloating:true variant:"outlined" scheme:"primary" iconStart:"pen" w:"full"

LABELS

Fixed or floating

A fixed label stays above the field. A floating label lives in the control surface and activates with focus or a value.

dowe
Input label:"Email" placeholder:"name@example.com" variant:"outlined" scheme:"primary"
Input label:"Email" placeholder:"name@example.com" labelFloating:true variant:"outlined" scheme:"primary"

VARIANTS

Four control surfaces

Variant changes the container treatment while keeping the same normalized field geometry.

SCHEMES

Every semantic family

Outlined fields use a neutral resting border and preserve the selected scheme for foreground and focus feedback.

ICONS

Context inside the field

Input resolves Solar icons at compile time. Floating-label fields hide them while empty and unfocused, then reveal them after focus or a value moves the label above the editable row.

BEHAVIOR

One native contract

Input uses native editable controls on web, iOS, and Android while Dowe keeps height, inset, typography, radius, binding, and focus color aligned.

BINDING

Two-way text

bind reads and writes a string Signal path without executing user JavaScript.

ACCESSIBILITY

Label first

Placeholder copy never replaces the accessible label contract.

TARGETS

Portable metrics

Web, SwiftUI, and Compose consume the same normalized field model.

API

Props

Input also accepts the applicable common spacing, sizing, font, visibility, accessibility, and shadow props.

Prop
Type
Default

No data

There are no records to display