components

ListItem

A title/description/action row inside Listaction is any trailing content (a button, a badge) that makes sense at the end of the row.

tsx
  • Invoice #1042Due Feb 1
<ListItem />

Examples

title/description/action cover the common row shape; omit all three and pass children instead for a row that doesn't fit that template:

tsx
  • Ada Lovelaceada@example.com
  • <ListItem title="Ada Lovelace" description="ada@example.com" action={<Button size="s">View</Button>} />

    Props

    No prop reference available for this component.