Breadcrumbs

Shows a page position within a hierarchy using semantic navigation markup.

Astro

---
import { Breadcrumbs } from '@charvesta/cetha';
---

<Breadcrumbs label="Breadcrumb">
  <li><a href="/">Home</a></li>
  <li aria-current="page">Components</li>
</Breadcrumbs>

API reference

Prop	Type	Default	Description
`label`*	`string`	—	Accessible name for the breadcrumb navigation.
`class`	`string`	—	Additional classes forwarded to the rendered element.

Accessibility

Mark the current item with aria-current="page" and provide a concise navigation label.