Components · Navigation
Breadcrumb
StableSince v0.0.1
Hierarchical navigation trail showing page location.
import { Breadcrumb } from '@nexub/react';Examples
Default
With ellipsis
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| Breadcrumb.Root aria-label | string | 'breadcrumb' | Accessible label for the nav landmark. |
| Breadcrumb.Link href | string | — | URL the breadcrumb link navigates to. |
| Breadcrumb.Link asChild | boolean | false | Merges props onto the immediate child element, useful for router Link components. |
| Breadcrumb.Separator children | React.ReactNode | — | Custom separator element. Defaults to a chevron icon. |
| Breadcrumb.Ellipsis aria-label | string | 'More' | Accessible label for the ellipsis element used to collapse long trails. |
On iOS & Android
Web only
Breadcrumb has no @nexub/react-native twin. On phones, follow the platform pattern instead, or compose it from the native components listed on the React Native page.