THEME
MOTION
HAPTIC
SOUND
BREADCRUMBS
Path-style navigation. The last item is marked `aria-current="page"` and rendered as static text.
Live demo
Import
import { Breadcrumbs } from '@cathode-ui/react'; Props
| Name | Type | Default | Required | Description |
|---|---|---|---|---|
items | Array<{label, href?}> | — | yes | |
separator | string | › | — |
Examples
path
<Breadcrumbs items={[{label:"Home",href:"/"},{label:"Docs",href:"/docs"},{label:"Tabs"}]} /> Accessibility
Role: navigation
- aria-label (defaults to "Breadcrumb")
Feedback
| Haptic | none |
| Sound | none |