TextInput
A flexible input for entering text, numbers etc. Supports many sizes, styles, and custom slots.
Props
| Name | Default | Type |
|---|---|---|
type | "text" | TextInputTypes HTML input type (text, email, number, password, etc.) |
size | "sm" | "sm" | "md" | "lg" | "xl" Visual size of the input |
variant | "subtle" | "subtle" | "outline" | "ghost" Style variant of the input |
placeholder | - | string Placeholder text shown when the input is empty |
disabled | - | boolean Disables the input when true |
id | - | string ID attribute for the input element |
modelValue | - | string | number Bound value of the input |
debounce | - | number Debounce delay (in ms) before emitting value updates |
required | - | boolean Marks the input as required |
Slots
| Slot | Payload |
|---|---|
prefix | - Content rendered before the input (left side) |
suffix | - Content rendered after the input (right side) |
Emit Events
| Event | Payload |
|---|---|
update:modelValue | any[] |