Chip
A non-interactive tag: a role, a year, a stack item.
Specimen
Product designDesign systemsFeatured
Props
| Prop | Type | Note |
|---|---|---|
| tone | "default" | "accent" | Accent marks one chip as significant. |
Use it for
- Roles, years, stack items, categories on a case study.
Do not use it for
- Making it clickable. If it filters something it needs a real control and a focus state.
- More than about six in one row — past that it is a list, not a set of tags.