Docks
A compact, persistent navigation surface for a small set of high-frequency destinations.
Added in v2.5.0 · import from "@borneo/react"
Live previewPermalink to this section
This is the production component using the active theme and component contracts.
AnatomyPermalink to this section
Every visible part has one job and a clear requirement.
| Part | Requirement | Purpose |
|---|---|---|
| Container | Required | Groups destinations into one floating navigation landmark. |
| Item | Required | A labelled link with an icon and a visible current state. |
| Notification | Optional | A compact badge anchored to the item it describes. |
Variants and statesPermalink to this section
Choose a variant for meaning or layout need, never decoration alone.
| Variant | Use |
|---|---|
| Labelled | Preferred when space allows; the destination remains visible without hover. |
| Compact | Use short labels and icons for constrained product shells. |
| With notification | Only for destinations containing genuinely new information. |