Item
A generic list-row layout primitive for building consistent list and menu items.
bunx shadcn@latest add @nx-ui/itemBasic usage
Media, a title and description, and a trailing action, grouped as a list.
Barrowfield ReGen — 6 sites, Tuesday
Due today, bay 3
Variants & sizes
default, outline and muted; default, sm and xs densities.
No border, transparent background
A visible border around the row
Subtle filled background
Standard row density
Tighter padding and gap
Media variants
icon (fixed square, sized to the row) and image (thumbnail with cover crop).
Icon media
Image media, cropped to a square
Site lead, Barrowfield compost trial
States
A disabled row, a loading skeleton, an error row and a clickable link row.
Unavailable — route archived
Odour survey.pdf — file too large
Click the row to open
Composition: project shortlist
Selectable project rows with a header, badges, footer metadata and a separator — a realistic Nexus ReGen review list.
Community compost hub, 40 tonnes/month capacity
Anaerobic digestion pilot for food waste diversion
Greywater filtration trial for the allotment network
API reference
Exported parts and their props, extracted from the component source.