Navigation
Navigation trail with a chevron separator, collapse-to-ellipsis, and router-link polymorphism.
| Prop | Type | Default | Description |
|---|---|---|---|
separator | ReactNode | chevron | Rendered between items. |
separator
ReactNode
Default: chevron
Rendered between items.
| Prop | Type | Default | Description |
|---|---|---|---|
maxItems | number | — | Collapse the middle into a clickable … once exceeded. |
itemsBeforeCollapse | number | 1 | Leading items kept when collapsed. |
itemsAfterCollapse | number | 2 | Trailing items kept when collapsed. |
href | string | — | Renders an <a>. |
isCurrent | boolean | last item | Render as current-page text with aria-current. |
as | ElementType | "a" / "span" | Render the link as another component (router Link). |
maxItems
number
Default: —
Collapse the middle into a clickable … once exceeded.
itemsBeforeCollapse
number
Default: 1
Leading items kept when collapsed.
itemsAfterCollapse
number
Default: 2
Trailing items kept when collapsed.
href
string
Default: —
Renders an <a>.
isCurrent
boolean
Default: last item
Render as current-page text with aria-current.
as
ElementType
Default: "a" / "span"
Render the link as another component (router Link).
| Prop | Type | Default | Description |
|---|---|---|---|
classNames | { base?, list?, item?, separator? } | — | Slot class overrides. |
classNames
{ base?, list?, item?, separator? }
Default: —
Slot class overrides.
