Skip to main content

ChipGroup

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

OverviewPropertiesUsageAccessibility

New

When to use​

  • To group related Chip components in an expandable container with consistent overflow handling.
  • When the number of chips is high or unknown and a predictable layout is required.

When not to use​

  • When you have only a few chips that won't overflow. Use individual Chip components instead.

Sizes​

ChipGroup components come in two sizes: default and condensed. All Chip components in a ChipGroup inherit the size of the group, but you can override them individually.

Examples of ChipGroup components with different size property values. Examples of ChipGroup components with different size property values.

Default​

  • Use the default size if the ChipGroup holds interactive Chip components to increase the click target. For example, if the chips are removable or clickable.

Condensed​

  • Use the condensed size in compact layouts or when limited space is available. For example, in condensed tables.
Still have questions?
Find answers in the Dynatrace Community