← Design system
Input
Interactive examples and usage for the Input component.
Examples
Props
| Prop | Type | Default | Description |
|---|---|---|---|
value | string | '' | Input value (bindable) |
label | string | undefined | Label text above the input |
size | 'sm' | 'md' | 'lg' | 'md' | Input size |
state | 'default' | 'error' | 'success' | 'default' | Visual validation state |
helperText | string | undefined | Helper text below the input |
errorMessage | string | undefined | Error message shown in error state |
required | boolean | false | Mark the field as required |
fullWidth | boolean | false | Expand to fill container width |
disabled | boolean | false | Disable the input |
Keyboard
| Key | Action |
|---|---|
| Tab | Focus the input field |
| Any character | Enter text |