Data Display

ListItem

Render a List row with media, text, metadata, and trailing actions.

ListItem renders a row with media, a title, a description, metadata, and trailing actions. Place it inside a List or another list container.

Import

TSX

import { ListItem } from "@solarius/onset";

ListItemProps props

Prop	Type	Default	Description
`media`	`ReactNode`	—	Content before the label.
`title`	`ReactNode`	—	Primary row text.
`description`	`ReactNode`	—	Secondary content below the title.
`meta`	`ReactNode`	—	Right-aligned secondary content.
`actions`	`ReactNode`	—	Trailing controls, kept out of the click target.
`selected`	`boolean`	—	Selected highlight state.
`disabled`	`boolean`	—	Greyed out, non-interactive.
`navigable`	`boolean`	—	Shows a chevron and hover styling for navigation rows.

ListItem