Components
Divider
SketchDivider — a hand-drawn horizontal rule.
SketchDivider draws a rough.js horizontal line that fills the width of its
container — a low-fidelity separator that matches the rest of the sketch.
Default
import { SketchDivider } from "blackchalk";<div style={{ maxWidth: 400 }}><p style={{ margin: "0 0 8px" }}>Above</p><SketchDivider /><p style={{ margin: "8px 0 0" }}>Below</p></div>Props
| Prop | Type | Default |
|---|---|---|
className | string | — |
style | CSSProperties | — |
elevation | number | — |
elevation is accepted for API compatibility but has no visual effect.
See it in the Storybook playground, or read the source.