Data display

List

Items stacked vertically, one per row, often with an icon and a second line of detail.

Also known as

Rows separated by thin lines, each with an icon or avatar on the left, a main text, and a smaller gray line below it.

Items can also hold controls such as checkboxes or switches, or link to a detail page.
A native <ul> or <ol> lets screen readers announce how many items there are.

Key	Action
`—`	None for a plain list. Controls inside items use their own keys.

Table: A list shows one item per row without columns; a table compares several values per row in columns.
Card: A list stacks items compactly in rows; cards give each item room for an image and actions.
Description list: A list shows single items; a description list pairs each name with its value or explanation.