Skip to main content

ChipGroup

Use the ChipGroup component to group multiple Chips in an expandable container.

OverviewPropertiesUsage

When to use​

  • Use the ChipGroup to group related Chips in an expandable container.
  • The ChipGroup takes care of the overflow behavior and helps to create predictable layouts if the number of Chips is high or unknown.

Sizes​

ChipGroups come in two sizes: default and condensed. All Chips 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 Chips 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