Components
Panel
SketchPanel — a titled card for grouping related content.
SketchPanel wraps content in a rough.js bordered card with an optional heading —
a low-fidelity container for grouping related items on a page.
Default
import { SketchPanel } from "blackchalk";<SketchPanel title="Account details"><p style={{ margin: 0 }}> A panel is a titled card for grouping related content on a page.</p></SketchPanel>Without title
<SketchPanel><p style={{ margin: 0 }}>A panel without a title — just padded content.</p></SketchPanel>Props
| Prop | Type | Default |
|---|---|---|
title | string | — |
children | ReactNode | — |
See it in the Storybook playground, or read the source.