kapable

EmptyState

Data display · 1 export · v0.1.0 · showcase

Purposeful no-content state with a heading, explanation, and optional action.

Browse 72 component families

Preview

Nothing deployed yet

Record a deploy to begin the log.

<EmptyState heading="h2" title="Nothing deployed yet" hint="Record one above." />

EmptyState props
prop	type	notes
title	string
hint?	string
icon?	RemixNode
action?	RemixNode
quiet?	boolean	Sans-serif title. Use when the screen already spent its display-serif budget (e.g. a serif masthead) — one serif element per screen, and the masthead keeps it (BRAND).
heading?	'h2' \| 'h3' \| 'h4'	Heading element for the title (default 'h3'). Match your outline — an EmptyState directly under the page h1 should be 'h2' so levels don't skip.
mix?	MixInput