Components/Breadcrumb
Breadcrumb
Navigation breadcrumbs showing the current page's location in a hierarchy. Semantic, accessible, and customizable.
import { Breadcrumb } from "@animui/ui"Basic
Custom separator
Truncated (long paths)
Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | BreadcrumbItem[] | — | Array of { label, href? } items. Last item is current page. |
separator | React.ReactNode | "/" | Element or string rendered between each item. |
className | string | — | Additional classes for the nav element. |
Accessibility
- ✓Rendered as a
<nav>witharia-label="Breadcrumb". - ✓Last item receives
aria-current="page". - ✓Separators are hidden from screen readers with
aria-hidden="true".