Components

ListItem

One row of a list: a leading visual, a title and subtitle, and meta or an action at the end.

28 October 2026

Added

First version: ListItem with the ListItem.List, ListItem.Leading, ListItem.Content, ListItem.Title, ListItem.Subtitle, ListItem.Meta and ListItem.Trailing parts.
size (sm 8 px, md 12 px, lg 16 px block padding), selected, disabled and truncate.
Link or button rows through render: hover and press with motion.stateLayer, focus ring, aria-current.
List: divided separator lines and the motion.listItem entrance through animate.
The part prop types are exported: ListItemLeadingProps, ListItemContentProps, ListItemTitleProps, ListItemSubtitleProps, ListItemMetaProps, ListItemTrailingProps, ListItemListProps.