Skip to content

Components

Breadcrumbs

Where a page sits: its parents as links, then the page itself. Works with any router.

Import

import { Breadcrumbs, Breadcrumb } from '@rinzai/zen';

API reference

<Breadcrumbs>

Where a page sits: its parents as links, then the page itself. Give the last crumb current.

No props of its own; it accepts the props of the element it renders.

<Breadcrumb>

One crumb: a link, or with current, the page you're on (not a link). With asChild, the styles go onto your own link element (a router's Link).

PropTypeDefault
asChild

Style the single child element (e.g. a router link) instead of rendering an <a>.

boolean—
current

The page you're on: the last crumb.

boolean—