Tags
Live example
Tags
Installation
npx shadcn@latest add https://hextech-ui.vercel.app/r/tag-group.jsonAPI reference
These are the main Tags options. See the exported TypeScript types for inherited native or primitive props.
| Prop | Type | Default |
|---|---|---|
label | string (required) | — |
items | readonly TagItem[] | — |
selectionMode | none | single | multiple | none |
onRemove | (ids: string[]) => void | — |
tone | gold | teal | muted | gold |
Usage notes
Use stable item IDs, a descriptive label and an explicit selectionMode. Handle onRemove by updating the application collection. Keep focus on a remaining item after removal.