Labelled breadcrumb navigation with native links and ordered structure.
@combric/react · v1.1.1 · Current
import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, BreadcrumbPage } from "@combric/react";Load the native stylesheet with @import "@combric/react/css";. This path does not require Tailwind.
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "@combric/react";
export function Example() {
return <Breadcrumb><BreadcrumbList><BreadcrumbItem><BreadcrumbLink href="/">Home</BreadcrumbLink></BreadcrumbItem><BreadcrumbSeparator /><BreadcrumbItem><BreadcrumbPage>Docs</BreadcrumbPage></BreadcrumbItem></BreadcrumbList></Breadcrumb>;
}| Name |
|---|
Breadcrumb |
BreadcrumbList |
BreadcrumbItem |
BreadcrumbLink |
BreadcrumbSeparator |
BreadcrumbPage |
| Property / capability | Published contract |
|---|---|
| Contract | Native nav/list/link props |
| Contract | BreadcrumbPage supplies aria-current |
Uses a labelled nav, ordered list, presentational separators, and aria-current for the current page.
Combric classes and canonical --combric-* variables provide the package presentation. Consumer className extends the required class; it does not replace the component contract.