blackchalkv0.3.0
Components

Checkbox

SketchCheckbox — a hand-drawn checkbox with a spring-animated tick mark.

SketchCheckbox renders a rough.js box and an animated check mark. It works uncontrolled out of the box — pass both checked and onChange to take full control.

Default

import { SketchCheckbox } from "blackchalk";<SketchCheckbox /><SketchCheckbox checked={true} />

Disabled

import { SketchCheckbox } from "blackchalk";<SketchCheckbox checked={true} disabled />

Props

PropTypeDefault
checkedboolean
disabledboolean
onChange(checked: boolean) => void
classNamestring
styleCSSProperties

See it in the Storybook playground, or read the source.

On this page