Input
Single-line text input with prefix/suffix slots, three sizes, and a pill search variant.
Basic usage
当前值:(空)
Sizes
Prefix & suffix
prefix / suffix slots take icons or units; native type / step / autocomplete pass through:
元
States & pill
API
Props
| Name | Type | Default | Description |
|---|---|---|---|
| modelValue | string | '' | v-model value |
| type | string | 'text' | native type |
| placeholder | string | — | placeholder |
| disabled | boolean | false | disabled |
| error | boolean | false | error state (red border) |
| size | 'sm' | 'md' | 'lg' | 'md' | height 28 / 34 / 40px |
| pill | boolean | false | round search-bar variant (tinted, borderless) |
| autocomplete | string | — | native autocomplete |
| step | string | number | — | native step (with type="number") |
Events
| Name | Payload | Description |
|---|---|---|
| update:modelValue | (v: string) | on input |
Slots
| Name | Description |
|---|---|
| prefix | leading content (icons etc.) |
| suffix | trailing content (units etc.) |