Skip to main content

Tag Input

Multi-value chips with Enter to add and Backspace to remove the last tag.

Controlled

docsuiatelier

Press Enter to add. Backspace removes the last tag.

Prefix icon

designrelease

Hash prefix shows this is a topic field.

Tag icons

Prefix + tag icons

AdaGrace

Suffix — clear all (IconButton)

docsuiatelier

Default tags

releasechangelog

Empty

Required

Error

Disabled

v1frozen

API

PropRequiredTypeDefaultDescription
value / onValueChangeOptionalstring[]Controlled tag list.
prefix / suffixOptionalReactNodeField adornments (icons, IconButton, text).
tagIconOptionalReactNodeIcon before each tag label in the chip.