Skip to content

ComponentsTagsInput

Components

TagsInput

Neutral 22px chips inside the field paint; Backspace on the empty input selects, then deletes, the last chip.

TagsInput

No claude.ai instance. Min-height 32; chips use the neutral badge look (white / black 5%, secondary text, chip radius) and the active chip shows the focus ring. The root takes the focus shadow from its input.

github.com
npmjs.com
pypi.org
design
research
planning
support
marketing
engineering
legal
a-much-longer-tag-that-truncates-in-a-narrow-field
locked

Light and dark

light
github.com
pypi.org
dark
github.com
pypi.org