List

Rows of the same kind: navigation, settings, files. Linked rows are links; the rest are text.

Example

Invoices
Payment methods
Trash

<List label="Billing">
  <ListItem href="/components" selected>Invoices</ListItem>
  <ListItem href="/guides/theming">Payment methods</ListItem>
  <ListItem disabled>Trash</ListItem>
</List>

Props

Prop	Type	Default	Description
`label` (List)	`string`	-	List landmark name.
`href` (Item)	`string`	-	Renders a link row.
`selected`	`boolean`	`false`	Marks the current row.
`disabled`	`boolean`	`false`	Non-interactive text row.

Accessibility

Real ul/li; the selected link carries aria-current.
Rows are 48px tall for thumbs and pointers alike.