Breadcrumbs

Current-page location trail: mobile shows the direct parent with a back arrow, desktop shows the full trail.

Navigation

Default

Label

Multiple levels

Three levels

Multiple trails

Category page

Underlined links

Long label

Source

<Breadcrumbs items={[{ label }]} />

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; } */