Components
List
SketchList — a hand-drawn list of items separated by sketched dividers.
SketchList wraps any number of SketchListItem children and places a rough.js
divider between each one. Items can be marked active or made clickable.
Default
import { SketchList, SketchListItem } from "blackchalk";<SketchList><SketchListItem>Inbox</SketchListItem><SketchListItem active>Starred</SketchListItem><SketchListItem>Sent</SketchListItem><SketchListItem>Drafts</SketchListItem></SketchList>Props
SketchList
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
SketchListItem
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
active | boolean | — |
onClick | () => void | — |
See it in the Storybook playground, or read the source.