Components
Paper
SketchPaper — a dotted-grid paper texture that fills its container.
SketchPaper renders a dotted-grid paper background. It fills 100 % of its
container — give the parent an explicit height so the texture has room to show.
Default
import { SketchPaper } from "blackchalk";<div style={{ width: 480, height: 320 }}><SketchPaper> <div style={{ padding: 24 }}> <h3 style={{ marginTop: 0 }}>Dotted-grid paper</h3> <p>Content sits on top of the hand-drawn paper texture.</p> </div></SketchPaper></div>Props
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
className | string | — |
style | CSSProperties | — |
See it in the Storybook playground, or read the source.