Components
EmptyState
Token-driven empty state card for no-data, no-results, onboarding, and error flows.
Pattern
The baseline non-premium pattern is a compact centered card with an icon badge, title, short supporting text, and a single clear action.
Usage
import { Button, EmptyState } from '@cajon-ui/react';
<EmptyState
icon={<DocumentIcon />}
heading="No documents yet"
description="Create your first document to get started."
action={<Button size="sm">New document</Button>}
/>Props
| Prop | Type | Default | Notes |
|---|---|---|---|
icon | ReactNode | — | Leading visual |
heading | ReactNode | — | Required heading |
description | ReactNode | — | Supporting copy |
action | ReactNode | — | CTA area |
tone | primary | neutral | success | error | warning | info | primary | Icon badge treatment |