Components
Frame
SketchFrame — a full-viewport hand-drawn card that wraps an entire app screen.
SketchFrame centres its children inside a rough.js card that fills the
viewport, giving the whole screen a paper-on-desk feel. Drop it at the root of
a page and place your layout inside it.
Default
import { SketchFrame } from "blackchalk";<SketchFrame><div style={{ padding: 32 }}> <h1 style={{ marginTop: 0 }}>Framed App</h1> <p>Content goes here.</p></div></SketchFrame>Props
| Prop | Type | Default |
|---|---|---|
children | ReactNode | — |
maxWidth | number | 1280 |
See it in the Storybook playground, or read the source.