Components
Section
SketchSection — a layout wrapper that groups content under an optional title and description.
SketchSection provides a consistent vertical rhythm for settings pages and
content areas. Pass a title and optional description to render a heading
block above any children you place inside.
Default
import { SketchSection, SketchCard } from "blackchalk";<SketchSectiontitle="Notifications"description="Choose how you want to be notified."><SketchCard style={{ padding: 24 }}>Section body content.</SketchCard></SketchSection>Title only
import { SketchSection, SketchCard } from "blackchalk";<SketchSection title="Danger zone"><SketchCard style={{ padding: 24 }}>Delete this workspace.</SketchCard></SketchSection>Props
| Prop | Type | Default |
|---|---|---|
title | string | — |
description | string | — |
children | ReactNode | — |
See it in the Storybook playground, or read the source.