Display navigational breadcrumbs to enhance user navigation through hierarchical content.

Usage

Import

import { Breadcrumbs, Breadcrumb } from '@passfort/castle'
content_copy
Copy

Example

Provides a simple breadcrumb navigation with two levels.

<Breadcrumbs>
  <Breadcrumb label="root" />
  <Breadcrumb label="breadcrumb" />
</Breadcrumbs>
<Breadcrumbs>
  <Breadcrumb label="root" />
  <Breadcrumb label="breadcrumb" />
</Breadcrumbs>
content_copy
Copy
live example

Current page

Indicates the current page in the breadcrumb trail, enhancing accessibility and user awareness.

<Breadcrumbs>
  <Breadcrumb label="home" href="/" />
  <Breadcrumb label="settings" isCurrentPage />
</Breadcrumbs>
<Breadcrumbs>
  <Breadcrumb label="home" href="/" />
  <Breadcrumb label="settings" isCurrentPage />
</Breadcrumbs>
content_copy
Copy
live example