Input
Lightweight inputs and search states
Input
Input fields capture user input with multiple types and states, paired with smooth animations and modern styling.
Status: Beta
Basic Usage
Basic Input
The most common text input usage.
Demo loads on client.
Input Types
Supported: text / password / textarea.
Input Types
Text, password, and textarea.
Demo loads on client.
Readonly / Disabled
Readonly / Disabled
Readonly and disabled states.
Demo loads on client.
Clearable
Clearable
One-click clear for content.
Demo loads on client.
Prefix / Suffix Slots
Prefix / Suffix
Icons help reinforce context.
Demo loads on client.
API
Props
| Property | Type | Default | Description |
|---|---|---|---|
| modelValue / v-model | Bound value | ||
| placeholder | Placeholder text | ||
| type | textpasswordtextarea | Input type | |
| disabled | Disabled state | ||
| readonly | Readonly state | ||
| clearable | Clearable content | ||
| rows | Textarea rows (only textarea) |
Was this helpful?