Components
Input
SketchInput — a hand-drawn text field. Type in the preview.
SketchInput is a real <input> under a rough.js border. It's uncontrolled (and so
typeable) unless you supply both value and onChange.
Default
The preview is live — click and type:
import { SketchInput } from "blackchalk";<SketchInput placeholder="Sketch something…" />Disabled
<SketchInput placeholder="Unavailable" disabled />Props
| Prop | Type | Default |
|---|---|---|
value | string | — |
placeholder | string | — |
type | string | "text" |
disabled | boolean | false |
onChange | (value: string) => void | — |