UI·loomora/Breadcrumbs
Breadcrumbs
Renders a sequence of breadcrumb items using the shared Button navigation primitive.
Interactive live playground
Tweak props, change states, and see the live component respond in real time.
How to call
Import directly from the Loomora package root. For projects without Tailwind CSS, ensure loomora/dist/index.css is imported once in your root layout.
import { Breadcrumbs } from 'loomora'
<Breadcrumbs items={[
{ title: 'Library', href: '/' },
{ title: 'Components', href: '/components' },
{ title: 'Button', active: true },
]} />API reference
Important public props and how they affect rendering.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | BreadcrumbProps[] | required | Ordered navigation items. |
| separator | ReactNode | config default | Content between items. |
| className | string | — | Classes applied to the breadcrumb wrapper. |