Skip to main content

List group

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

Code documentation

Anatomy

The list group component is made up of two elements.

  1. Subheader
  2. 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.