Breadcrumb
Navigation trail showing the current page location. Collapses middle items with an ellipsis when maxItems is set.
import
{ Breadcrumb } from "@pepulux/ui"Default
With divider options
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| items* | BreadcrumbItem[] | — | Array of { label, href? } — last item is the current page |
| divider | "chevron" | "slash" | "slash" | Divider style between segments |
| buttonStyle | boolean | false | Render non-active items as pill buttons |
| withLine | boolean | false | Shows horizontal border above and below |
| className | string | — | Additional CSS classes |