Tag
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Default#
backend
With Icon#
#payments
Removable#
on-call
Custom color#
Pass any CSS color via the color prop to swap the default neutral tint for a brand or category color. Invalid colors fall back to the default tint; in dev, a console.warn names the offending value.
Loading…
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| onRemove | (() => void) | undefined | — | Optional close button. When provided, a `×` rendered on the right calls it. |
| icon | ReactNode | — | Optional leading icon. |
| size | number | undefined | 22 | Pixel height. Defaults to 22px. |
| color | string | undefined | — | Arbitrary CSS color. When set, the default neutral tint is replaced with this color. |