Components
Breadcrumb
SketchBreadcrumb — a hand-drawn breadcrumb trail with rough.js underlines on clickable crumbs.
SketchBreadcrumb renders a horizontal nav trail from an array of items. Clickable
crumbs get a rough.js underline; the final (current) crumb is bold and has no
underline regardless of whether an onClick is supplied.
Default
import { SketchBreadcrumb } from "blackchalk";<SketchBreadcrumbitems={[ { label: "Home", onClick: () => {} }, { label: "Projects", onClick: () => {} }, { label: "Blackchalk" },]}/>Props
| Prop | Type | Default |
|---|---|---|
items | SketchBreadcrumbItem[] | — |
SketchBreadcrumbItem
| Field | Type | Default |
|---|---|---|
label | string | — |
onClick | () => void | — |
See it in the Storybook playground, or read the source.