Páginas · Laravilt
Input
The Input primitive for text, email, password, number and file inputs.
Import
typescript
Usage
vue
tsx
Every native attribute passes through: type (text, email, password, number, search, tel, url, file ...), placeholder, disabled, required, autocomplete and so on.
With an Icon
vue
Error State
Set aria-invalid to get the destructive border and ring:
vue
Props (Vue)
| Prop | Type | Description |
|---|---|---|
modelValue | string | number | v-model value |
defaultValue | string | number | Initial value when uncontrolled |
class | string | Extra classes |
On React, Input is a plain <input> with styling, so it accepts all input props.