blackchalkv0.3.0
Components

Spinner

SketchSpinner — a hand-drawn loading spinner.

SketchSpinner draws a rough.js spinner that rotates while spinning is true — a low-fidelity "working on it" cue that matches the rest of the sketch.

Default

import { SketchSpinner } from "blackchalk";<SketchSpinner />

Sizes

<SketchSpinner size={24} /><SketchSpinner size={40} /><SketchSpinner size={64} />

Props

PropTypeDefault
spinningbooleantrue
sizenumber
durationnumber
classNamestring
styleCSSProperties

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

On this page