Breadcrumbs

The inherited Ecology breadcrumb trail, wearing the CBFish skin. Shows the path to the current page; links take their color from the spoke's navy-tinted breadcrumb tokens, and the last item renders as the current page.

Inherited .astro import EsaBreadcrumbs from '@esa/ecology/esa-breadcrumbs.astro';

Preview

<EsaBreadcrumbs items={[
  { label: 'Home', href: '/' },
  { label: 'Projects', href: '/projects' },
  { label: 'Wetland survey' },
]} />

Sizes

<EsaBreadcrumbs items={items} size="xs" />
<EsaBreadcrumbs items={items} size="sm" />
<EsaBreadcrumbs items={items} size="md" />
<EsaBreadcrumbs items={items} size="lg" />

API

Prop	Type	Default	Description
`items`	`EsaBreadcrumbItem[]`	—	Trail of crumbs. Each item is { label; href?; icon? }. The last item is rendered as the current page.
`size`	`'xs' \| 'sm' \| 'md' \| 'lg'`	`'md'`	Type scale of the trail.

Each EsaBreadcrumbItem is { label: string; href?: string; icon?: string }. Omit href on the final item; icon is a raw inline SVG string.