Skip to content

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

NameTypeDefaultDescription
modelValuestring''v-model value
typestring'text'native type
placeholderstringplaceholder
disabledbooleanfalsedisabled
errorbooleanfalseerror state (red border)
size'sm' | 'md' | 'lg''md'height 28 / 34 / 40px
pillbooleanfalseround search-bar variant (tinted, borderless)
autocompletestringnative autocomplete
stepstring | numbernative step (with type="number")

Events

NamePayloadDescription
update:modelValue(v: string)on input

Slots

NameDescription
prefixleading content (icons etc.)
suffixtrailing content (units etc.)