Skip to content

Item

A row in a list: media, title and description, actions.

Installation

Default

ItemContent · ItemTitle in an ItemList, in a card.

With description

With media

ItemMedia variant='icon'; an Avatar for people.

With actions

A status and a ghost menu button on the right.

Header and footer

ItemHeader and ItemFooter span the full width.

Link

render={<a />}, or a router link: the row highlights on hover.

Selected

A selected row takes a quiet fill.

Virtualized

ItemList virtualized items itemKey: 1,000 rows, only those in view render. Give it a height.

Loading more

hasMore + onLoadMore; isLoadingMore shows a spinner. Scroll down.