Breadcrumb
The Breadcrumb component renders Bulma’s breadcrumb navigation from a flat array of items. The last item is automatically marked as active.
Basic breadcrumb
Section titled “Basic breadcrumb”<Breadcrumb items={[ { label: "Home", href: "/" }, { label: "Ensembles", href: "/ensembles" }, { label: "Chamber Orchestra" }, ]}/>Two levels
Section titled “Two levels”<Breadcrumb items={[ { label: "Home", href: "/" }, { label: "Settings" }, ]}/>Single item (root page)
Section titled “Single item (root page)”<Breadcrumb items={[{ label: "Home" }]} />| Prop | Type | Default | Description |
|---|---|---|---|
items | Array<{ label: string; href?: string }> | — | Required. Array of breadcrumb items. Last item is always active. |