Components

List

Semantic grouped rows with constrained cells, selection, density, and truncation.

Dense collection

Favorites
dowel
Synced
sourcetown
Updated yesterday

tsx

<List aria-label="Repositories" divided>
  <GroupHeader>Favorites</GroupHeader>
  <ListRow selected>
    <Avatar name="Dowel" shape="square" />
    <ListCell grow truncate>dowel</ListCell>
    <ListCell tone="tertiary">Updated today</ListCell>
  </ListRow>
</List>

Composition

Rows preserve list semantics and own layout only. Put native links, buttons, checkboxes, or menus inside cells when a row needs interaction.