List group

A list group organizes related list items into a contained unit.


The list group component is made up of two elements.

  1. Subheader
  2. Slot



A subheader can be added to provide greater context for the related list items. This is particularly useful when you have multiple list groups together in the same list.


Text overflow

Subheader text should wrap to the next line when it is longer than its container.

Component tokens

The following component tokens are available for customizing the list group component.

Sample references including the swatch and computed values currently represent the applied light theme.

The token lists can be copied into tabular format for pasting into spreadsheets or other applications. Use these to help you document product-specific customizations or perform fine-grained filters.