Breadcrumbs

A real <nav aria-label="Breadcrumb"> wrapping a real <ol>, an ordered trail is exactly what an ordered list is for. The current page is marked aria-current="page" on plain text, not a link, you don't link to where you already are.

Usage

import { Breadcrumbs, BreadcrumbItem } from "@kernelui/react";

<Breadcrumbs>
  <BreadcrumbItem href="/">Home</BreadcrumbItem>
  <BreadcrumbItem href="/settings">Settings</BreadcrumbItem>
  <BreadcrumbItem current>Profile</BreadcrumbItem>
</Breadcrumbs>

Props

Component	Prop	Type
`BreadcrumbItem`	`current`	boolean
`BreadcrumbItem`	`href`	string