Input
Single-line text field. Supports every native HTML input type (text, email, number, date, file). Pair it with Field to add a label, description, or error message.
Default
Standard input bound with v-model.
Disabled
The native disabled attribute works as expected.
Type variants
Every native HTML type is supported through the type attribute.
With Field
Wrap Input in Field, use FieldLabel for the label, and FieldDescription for hint text.
We will send a confirmation to this address.
Error state
Set data-invalid on Field, aria-invalid on Input, and use FieldError for the message.
Phone number is required.
API Reference
Props, events, and slots for each sub-component.
Input
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| modelValue | string | number | — | Value. Supports v-model. |
| defaultValue | string | number | — | Starting value when v-model is not used. |
| type | string | "text" | Native HTML input type. |
| class | string | — | Extra classes, merged with cn(). |