Stacked list

Sizes

Wrapped

The stacked list works well wrapped in a boxed component. You can add a fixed height or max-height to add a scroll.

Grouping

You can organize items with groups. Group headers are sticky when the list is scrolled.

Interactive item

You can make a list item interactive by wrapping it with the .c-stacked-list__inner--interactive class variant.

Inner elements

The list works well with various small components.

Custom inner elements

You can create custom item components and/or rely on utilities to customize items appearance.