Chip
What Chip is for, and guidance on when and how to use MenuChip and the FilterChip groups.
This packages exposes components that helps users make selects, enter information or filter content.
The Chip component can be used in different use cases as it provides a convenient option for displaying complex information in a compact form.
It is especially useful for representing an entity which can be added or removed from a list.
MenuChip
This component is supposed to be used as a trigger for opening menus. It's meant to replace all usage of ActionButton and custom implementations as triggers.
This component should never be used by itself, it should always be composed together with a menu. Do not use this component as a button.
Label guidance
Labels should be kept short and not contain phrases or actions. Use plural form for multi select menus.
Good ✅
FlavorsDate
Bad ❌
Choose flavorsSelect a date
FilterChipRadioGroup
This component helps the user make a single selection from a small list of items, it is implemented as a radio group under the hood.
Do not use this component if there are more than 5 items to choose from.
FilterChipCheckboxGroup
This component helps the user make multiple selections from a small list of items, it is implemented as a checkbox group under the hood.
Do not use this component if there are more than 5 items to choose from.