Components
List Item
SketchListItem — a hand-drawn row for building sketch-style lists.
SketchListItem renders a single padded row that inherits the sketch font and
foreground colour. Mark it active to highlight the selected state, or pass
onClick to make it interactive (pointer cursor + hover ink).
Default
import { SketchListItem } from "blackchalk";<SketchListItem>A plain list item</SketchListItem><SketchListItem active>An active list item</SketchListItem><SketchListItem onClick={() => alert("Clicked")}>Click me</SketchListItem>Props
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
active | boolean | — |
onClick | () => void | — |
See it in the Storybook playground, or read the source.