Appearance
FormInput
A component of the Form category.
ts
import { FormInput } from '@zairakai/vue-components/Form'Usage
vue
<FormInput name="…" />Props
| Name | Type | Default | Description |
|---|---|---|---|
type | string | 'text' | |
id | string | ||
form | string | ||
value | string|number|boolean | null | |
modelValue | string|number|boolean|null | null | |
name | string | required | |
placeholder | string | ||
list | string | ||
required | boolean | false | |
autocomplete | string | ||
pattern | string | ||
min | string | ||
max | string | ||
step | string | ||
maxlength | number | ||
minlength | number | ||
accept | string | ||
disabled | boolean | false | |
readonly | boolean | false | |
multiple | boolean | false | |
autofocus | boolean | false | |
class | string | ||
width | string | ||
height | string | ||
size | number | ||
label | string | ||
labelAfter | boolean | false | |
fieldClass | string | ||
field | boolean | true | |
iconBefore | string | ||
iconAfter | string | ||
prefix | string | ||
suffix | string | ||
errorMessage | string |
Events
| Name | Description |
|---|---|
update:modelValue | |
isValid | |
focus | |
blur |
Slots
| Name | Description |
|---|---|
trailing-content |
See Theming for the class hooks and the data-* state of the components.