Components
Breadcrumb
Displays the path to the current resource using a hierarchy of links.
Installation
npm install @mijn-ui/react-breadcrumbimport {
Breadcrumb,
BreadcrumbItem,
BreadcrumbLink,
BreadcrumbList,
BreadcrumbPage,
BreadcrumbSeparator,
} from "@mijn-ui/react-breadcrumb"<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink href="#">Home</BreadcrumbLink>
</BreadcrumbItem>
<BreadcrumbSeparator />
<BreadcrumbItem>
<BreadcrumbPage>Current</BreadcrumbPage>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>API Reference
Breadcrumb is a set of composable parts. Each part forwards its native element attributes (e.g. href, className).
| Component | Element | Description |
|---|---|---|
Breadcrumb | nav | The root landmark wrapper. |
BreadcrumbList | ol | The ordered list of breadcrumb items. |
BreadcrumbItem | li | A single item in the list. |
BreadcrumbLink | a | A navigable link. Accepts asChild to render a custom element (e.g. Link). |
BreadcrumbPage | span | The current page (non-interactive, aria-current="page"). |
BreadcrumbSeparator | li | The visual separator between items. Renders a chevron by default; pass children to override. |