Components
Image Placeholder
SketchImagePlaceholder — a hand-drawn image placeholder with a sketchy frame and icon.
SketchImagePlaceholder draws a rough.js framed rectangle with a sketchy mountain-and-sun icon
inside — a low-fidelity stand-in for images that haven't loaded or been set yet. Pass a fixed
width for thumbnails, or omit it to fill the parent container.
Default
import { SketchImagePlaceholder } from "blackchalk";<SketchImagePlaceholder width={240} height={150} />With label
import { SketchImagePlaceholder } from "blackchalk";<SketchImagePlaceholder width={240} height={180} label="No image yet" />Props
| Prop | Type | Default |
|---|---|---|
width | number | string | "100%" |
height | number | 150 |
label | string | — |
className | string | — |
style | CSSProperties | — |
See it in the Storybook playground, or read the source.