Selection

Chip group

Single or multiple selection, mandatory and max rules, and one tab stop — standalone chips still work.

Choose it deliberately

Use the component when its contract matches the user task.

01

Use when

Several chips represent one choice or one multi-choice over a set of values.

02

Avoid overloading

It is not navigation, not a tab bar, and not a substitute for a select field with many options.

Composition

Sizing, labels, and neighboring elements should preserve visual hierarchy.

01

One primary meaning

Label the group and keep chip labels short and parallel in structure.

02

Overflow

Wrap by default; horizontal wrap=false scrolls natively without arrows or drag.