Forms & Inputs

Input

A single-line text field with sizes, states, and slots for icons or hints.

Install

import { Input } from 'vael-ui'

type

size

disabled

readonly

invalid

placeholder

import { Input } from 'vael-ui'

<Input type="text" size="md" :disabled="false" :readonly="false" :invalid="false" placeholder="">Input</Input>

Name	Type	Default	Description
`type`	`string \| undefined`	`"text"`
`size`	`"md" \| "sm" \| "lg"`	`"md"`
`disabled`	`boolean \| undefined`	`false`
`readonly`	`boolean \| undefined`	`false`
`invalid`	`boolean \| undefined`	`false`	Standalone override; ORed with the nearest Field's `error` state.
`placeholder`	`string \| undefined`
`ui`	`Partial<{ root: UiPartValue; input: UiPartValue; start: UiPartValue; end: UiPartValue; }> \| undefined`
`modelValue`	`string \| undefined`	`""`

Name	Type	Description
`start`	`any`	Inline leading content (icon, kbd hint, a copy Button).
`end`	`any`	Inline trailing content.

Name	Type	Description
`update:modelValue`	`[value: string]`

Name	Type	Description
`el`	`HTMLElement \| null`
`inputEl`	`HTMLInputElement \| null`