Feedback
Tag
A small, square-cornered chip for keywords, categories, and removable filters. Badge covers status. Tag is what you reach for when the user can add or remove items.
Tones
default brand violet success warn danger
Removable
typescript svelte tailwind cms
API
| Prop | Type | Default | Description |
|---|---|---|---|
label required | string | no default | Tag text. |
tone | 'neutral' | 'brand' | 'success' | 'warn' | 'danger' | 'violet' | 'neutral' | Color role. Its type is AccentTone. |
removable | boolean | false | Render an × button after the label. |
onremove | () => void | no default | Fires when the user clicks the remove button. |
class | string | no default | Extra classes on the wrapper. |