LLabanaat

Breadcrumbs

Breadcrumb trail with a nav landmark and aria-current="page" on the final item.

<Breadcrumbs items={[{ label: "Dashboard", href: "#" }, { label: "Settings", href: "#" }, { label: "Team" }]} />

Editable — change the code above and the preview updates live.

Installation

import { Breadcrumbs } from "@labanaat/ui/breadcrumbs";

Props

PropTypeDefaultDescription
items{ label, href?, onClick? }[]Trail items; the last item is treated as the current page
separatorReactNode"/"Separator between items