Components
Page Header
SketchPageHeader — a hand-drawn page title block with optional description and actions.
SketchPageHeader renders a page-level heading, an optional description, and an
optional actions slot, separated from the page body by a sketched divider.
Default
import { SketchPageHeader } from "blackchalk";<SketchPageHeader title="Projects" />With description and actions
import { SketchPageHeader } from "blackchalk";import { SketchButton } from "blackchalk";<SketchPageHeadertitle="Team members"description="Manage who has access to this workspace."actions={<SketchButton>Invite</SketchButton>}/>Props
| Prop | Type | Default |
|---|---|---|
title | string | — |
description | string | — |
actions | ReactNode | — |
See it in the Storybook playground, or read the source.