Input
Single-line text input with addons, prefix / suffix slots, clear button, and character count.
Basic usage
With addons
https://
.com
Clearable + character count
States
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
value | InputValue | "" | — |
label | string | "" | — |
placeholder | string | "" | — |
type | InputType | "text" | — |
disabled | boolean | false | — |
readonly | boolean | false | — |
bordered | boolean | true | — |
allowClear | boolean | false | — |
maxLength | union | null | — |
showCount | boolean | false | — |
prefix | string | "" | — |
suffix | string | "" | — |
addonBefore | string | "" | — |
addonAfter | string | "" | — |
assistiveText | string | "" | — |
alertMessage | string | "" | — |
state | DataEntryState | "default" | — |
size | EpSize | undefined | — |
autocomplete | string | undefined | — |
clearLabel | string | "Clear" | — |
searchLabel | string | "Search" | — |
Events
| Event | Payload | Description |
|---|---|---|
update:value | {"names":["InputValue"]} | — |
change | {"names":["InputValue"]} | — |
clear | — | — |
enter | {"names":["InputValue"]} | — |
search | {"names":["InputValue"]} | — |
focus | {"names":["FocusEvent"]} | — |
blur | {"names":["FocusEvent"]} | — |
Slots
| Slot | Scope | Description |
|---|---|---|
addonBefore | — | — |
prefix | — | — |
suffix | — | — |
addonAfter | — | — |