List group
A list group organizes related list items into a contained unit.
Anatomy
The list group component is made up of two elements.
- Subheader
- Slot
Variants
Subheader
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.
Behavior
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.