Components
Empty State
SketchEmptyState — a centered placeholder with an icon, message, and optional call to action.
SketchEmptyState renders a "no data / nothing here yet" placeholder — a sketched
icon, a title, an optional description, and an optional action. Drop it into any
empty list, table, or screen in a low-fidelity wireframe.
Default
import { SketchEmptyState, SketchButton } from "blackchalk";<SketchEmptyStatetitle="No sketches yet"description="Create your first sketch to start prototyping."action={<SketchButton>New sketch</SketchButton>}/>With icon
import { SketchEmptyState } from "blackchalk";<SketchEmptyStateicon="search"title="No results"description="Try a different search term."/>Props
| Prop | Type | Default |
|---|---|---|
title | string | — |
icon | IconName | "inbox" |
description | string | — |
action | ReactNode | — |
style | CSSProperties | — |
See it in the Storybook playground, or read the source.