List API
List and ListItem render structured rows for navigation, CMS entries, users, and queues.
Preview components
Open the component docs to see examples, combinations, and usage patterns built on top of this API.
- ListDivided lists, leading avatars, and trailing metadata.
Preview
AXAxonyx runtimeBuild pipelineOnline
Broken links scanNeeds manual follow-up
Import
import { List, ListItem } from "@axonyx/react";Props
| Prop | Type | Default | Description |
|---|---|---|---|
| divided | boolean | false | Adds separators between items. |
| leading | ReactNode | undefined | Leading icon/avatar slot. |
| title | ReactNode | required | Primary row label. |
| description | ReactNode | undefined | Secondary row text. |
| trailing | ReactNode | undefined | Trailing metadata or action. |
| tone | "default" | "accent" | "danger" | "default" | Subtle row emphasis for admin or queue states. |
| interactive | boolean | false | Adds pointer affordance and stronger hover treatment. |
CSS contract
.ax-list .ax-list-item .ax-list-item__leading .ax-list-item__body .ax-list-item__title .ax-list-item__description .ax-list-item__trailing [data-divided]