Components
Nav Bar
SketchNavBar — a hand-drawn navigation bar with a title and optional action slot.
SketchNavBar renders a sketchy top navigation bar: a title on the left, optional
children (buttons, links, etc.) on the right, and a SketchDivider underneath.
Default
import { SketchNavBar } from "blackchalk";<SketchNavBar title="Blackchalk" />With actions
import { SketchNavBar, SketchButton } from "blackchalk";<SketchNavBar title="Blackchalk"><SketchButton>Log in</SketchButton><SketchButton variant="primary">Sign up</SketchButton></SketchNavBar>Props
| Prop | Type | Default |
|---|---|---|
title | string | — |
children | ReactNode | — |
See it in the Storybook playground, or read the source.