Chip
A compact, removable tag for filters, suggestions and people.
API Reference
The Chip component is a wrapper around the button element with an optional dot, avatar and remove button.
| Prop | Type | Default |
|---|---|---|
children | string | — |
tone | "neutral""brand""sky""green""amber""red""fuchsia""plum" | "neutral" |
variant | "subtle""outline" | "subtle" |
size | "sm""md" | "md" |
dot | boolean | false |
avatar | ReactNode | — |
onRemove | () => void | — |
disabled | boolean | false |