Chips are compact elements for short values, attributes, selected items, filters, or tags. They can be static labels, selectable options, removable or editable tokens, input-created tags, or autocomplete-selected values.
Use them for:
- Compact values: Show tags, categories, filters, roles, or attributes.
- Selectable options: Use a chip listbox when users choose one or many short options.
- Token input: Use a chip grid with chip input when users create a list of values.
- Editable selections: Let users remove, edit, autocomplete, or reorder chip values.
Do not use Chips as badges on icons, command buttons, mode toggles, long labels, alerts, or replacements for checkbox, radio, or select controls when those controls better match the task.
