Multi-value entry held as removable tags
Type a value and press Enter or comma to commit it as a tag. Backspace on an empty draft removes the last tag, each tag has its own remove button, and maxTags caps the list. Use Combobox instead when the values come from a known option list.
Default
designtokens
Press Enter or comma to add a tag
Compact
designtokens
States
onetwothree
Up to 3 tags
not-a-topic
One of these tags is not recognised
lockedread-only
// From the npm package
import { TagInput } from 'rift-ds/components/TagInput/TagInput';
// Or as source you own, via the shadcn CLI
npx shadcn@latest add https://rift-ds.com/r/tag-input.json