Navigation

List & ListItem

The settings/navigation row: leading slot, title and subtitle, trailing value or control.

List ListItem

import { List, ListItem } from '@anomalia/ui';

Notes

A row with a Switch in trailing must not also be a button — leave onclick off and let the control own the tap.
Rows are at least 44px tall and ripple from the touch point.

Examples

Grouped

The iOS settings pattern. Note the last row: it has a Switch in `trailing` and deliberately no `onclick`, so the two controls never fight over the same tap.

Brands

Lindaria 12 posts scheduled Teta Studio Plan ready for review

Workspace

Notifications 3

Autopilot

API

ListItem

Prop	Type	Default	Description
`title / subtitle / value`	`string`	—	Row text and trailing detail.
`href / onclick`	`string / function`	—	Makes the row interactive.
`chevron`	`boolean`	—	Trailing chevron; defaults to on for links.
`leading / trailing`	`Snippet`	—	Icon and control slots.

Every component also forwards the native attributes of its root element, plus class, so anything not listed here still works.