Breadcrumbs

Home > section > current-page trail. Renders nothing for a single ("home only") crumb.

Navigation

Usage

import { Breadcrumbs } from "@zudo-sg/ui";

<Breadcrumbs crumbs={crumbs} />

Page inside a section

Section with no top-level link

Top page renders nothing

<Breadcrumbs
  crumbs={[
    { label: "Home", href: "/" },
    { label: "Company", href: "/company" },
    { label: "Company profile" },
  ]}
/>

Injected into the previews above. Breadcrumbs

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */