Breadcrumbs

stable

Show where the current page sits in the hierarchy.

since v2.00.9 kB gzip

Preview

Code

Docs
Core concepts
Theming

Installation

CLI

Manual

npm

pnpm

bun

yarn

$ npx @strata/cli add breadcrumbs

Usage

React

Import only

import { Breadcrumbs, Breadcrumb } from "@/components/strata";

<Breadcrumbs>
  <Breadcrumb href="/docs">Docs</Breadcrumb>
  <Breadcrumb>Theming</Breadcrumb>
</Breadcrumbs>

Props

Prop	Type	Default
`separator` Divider glyph.	"chevron" \| "slash" \| "dot"	"chevron"
`size` Text size.	"sm" \| "md"	"md"

Accessibility

Tabs

Switch between related panels. Line, segmented and enclosed styles.

Was this page helpful?

Documented since v2.0 · components/breadcrumbs.mdx