ChipGroup

Use the ChipGroup to group multiple Chip components in an expandable container.

OverviewPropertiesUsageAccessibility

Note

See Accessibility in Design Foundations for explanations of key concepts and best practices.

Accessible names and roles

• Do verify that the trigger's visible text matches its accessible name.

Keyboard accessibility and focus

ChipGroup handles focus management out of the box:

• Expand: focus moves to the first newly revealed chip, and keyboard navigation continues naturally from there.
• Collapse: focus stays on the trigger.

State announcements

Focus lands in the right place on both expand and collapse: the first revealed chip on expand, and the trigger on collapse. The screen reader announces the correct content automatically.