Marker
A small positional indicator, typically used to flag status on another element.
$
Registry itembunx shadcn@latest add @nx-ui/markerInstalls withutils
Basic usage
A Marker is a text row — pair MarkerIcon with MarkerContent for an icon-led metadata line.
Barrowfield depot, Site 4
Collected 06:42
No icon, text only
Variants
default sits inline; separator flanks the content with rules; border underlines the row.
Default — inline metadata row
Round RD-2231 collected
Next collection: 10 July 2026
As a link
Marker is polymorphic via `render` — pass an <a> to make the whole row a link, with underline styling built in.
Status states
No dedicated state prop — reach for a Spinner in the icon slot for pending rows, and semantic text colour for warnings or errors.
Syncing weighbridge ticket…
Moisture reading flagged for review
Batch #0412 passed quality check
Batch record card
Marker rows used as the metadata block of a card — a realistic Nexus ReGen composting record.
Batch #0412 — Green waste
Barrowfield depot, Site 4
Logged by S. Okafor
4.6 tonnes, weighbridge verified
Ready for turning on 8 July
API reference
Exported parts and their props, extracted from the component source.