Navigation

Breadcrumb.

A small reminder of where you are.

LIVE PREVIEWTry it. It works.

Usage

React / TypeScript
<Breadcrumb items={[{label:"Projects",href:"/examples"},{label:"Workbench"}]} />

Import components from @bld8/ui and include @bld8/ui/styles.css once. Wrap the application in UIProvider.

API & behaviour

items have label and optional href. The final item is marked aria-current=page. Set label to distinguish multiple breadcrumb landmarks.

Notes to self

Test this component with real content, keyboard input and both themes. The example is a starting point; labels, error handling and behaviour still need to fit the application.