Komponents
Components

Components

Breadcrumbs

Hierarchical trail linking ancestors to the current page.

newfree
pnpm add @komponents/uiCanonical TypeScript source · tree-shakeable subpaths

Compound Breadcrumbs and Breadcrumb built on React Aria. Current pages render as text; ancestors use links.

  1. Docs
  2. Components
  3. Breadcrumbs

Usage

Snippet
import { Breadcrumb, Breadcrumbs } from "@komponents/ui";

<Breadcrumbs>
  <Breadcrumb href="/docs">Docs</Breadcrumb>
  <Breadcrumb href="/docs/components">Components</Breadcrumb>
  <Breadcrumb>Button</Breadcrumb>
</Breadcrumbs>

Accessibility

  • Navigation landmark with an accessible name
  • Current page marked with aria-current="page"
  • Separators are presentational

Tabs

Sectioned content with a shared motion indicator.

Link

Accessible navigation link with accent, muted, and underline variants.

On this page

UsageAccessibility