Components
Button
SketchButton — a hand-drawn button in three variants.
SketchButton renders a real <button> with a rough.js stroke, so it stays fully
accessible while looking sketched.
Variants
import { SketchButton } from "blackchalk";<SketchButton variant="primary">Primary</SketchButton><SketchButton variant="secondary">Secondary</SketchButton><SketchButton variant="tertiary">Tertiary</SketchButton>Disabled
<SketchButton variant="primary" disabled>Can't click</SketchButton>Props
| Prop | Type | Default |
|---|---|---|
variant | "primary" | "secondary" | "tertiary" | "primary" |
disabled | boolean | false |
onClick | (e) => void | — |
fill | string | — |
See every state in the Storybook playground, or read the source.