Layout
List containers
Patterns for rendering collections — divided lists, two-column grids, and narrow card stacks.
Simple
Spaced cards with light surface treatment.
Open
With dividers
Single surface with horizontal row dividers.
Open
With icons
Navigation-style list with icons and counts.
Open
With images
List of avatars with name and role.
Open
Two column
Responsive grid of person cards.
Open
With actions
List rows with a trailing action button.
Open
Narrow with cards
Stack of compact cards in a narrow column.
Open