Tag
stableserver-safe
A value the user put there, optionally removable. Sentence case, unlike Badge — it's content, not status.
Removable
Try removing one — this example is live.
LetterboxdBandcampBookshop
Read-onlyNo remove handler
<Tag onRemove={handleRemove} removeLabel="Remove tag Letterboxd">
Letterboxd
</Tag>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| onRemove | () => void | — | Renders a remove button. Omit for a static tag. |
| removeLabel | string | "Remove" | Names the remove button. Include the tag: 'Remove tag Bandcamp'. |
Accessibility
The remove control is a real button inside the tag, so it's reachable by keyboard.
Give each remove button a label naming its tag — twelve buttons all called 'Remove' are useless.