Model value
modelValue are the tags, as an array of strings. Press Enter or a delimiter to add one, Backspace on an empty field to remove the last.
vue, nuxt
Placeholder
placeholder is shown while there are no tags and the field is empty. Say what a tag should be, since the field looks like an ordinary input until the first one is committed.
Disabled
disabled freezes the field — no tags can be added or removed.
Variant
variant picks between the ringed outline field on the page background and the filled, tinted soft one with no ring.
Color
color is the color of the tag pills — the field itself stays neutral.
Max
max caps how many tags can be added. Past it the field stops accepting new ones.
Delimiters
delimiters are the characters that commit a tag as you type, on top of Enter. A comma by default — add a space or a semicolon where that's how people paste lists.
Wrapped in FormField
API Reference
Generated from the component's source — props, slots and emits as the component actually declares them.
Props
"neutral" | "primary" | "secondary" | "success" | "error" | "warning" | "info" | "pending"'neutral'Emits
update:modelValue[value: string[]]Types
type Color = "neutral" | "primary" | "secondary" | "success" | "error" | "warning" | "info" | "pending";