Components
EmptyState
Placeholder for empty collections with title, copy, and action.
EmptyState fills empty lists and tables with guidance and a next step.
Example
Preview
No results found
Try adjusting your filters or search terms.
import { EmptyState } from '@officina/ui';
<EmptyState
title="No results found"
description="Try adjusting your filters."
action={<Button>Clear filters</Button>}
/>;API
| Prop | Type | Default | Description |
|---|---|---|---|
| action | ReactNode | — | Primary call-to-action (e.g. a button). |
| description | string | — | Supporting text under the title. |
| icon | ReactNode | — | Illustrative leading icon. |
| size | enum | md | Overall scale of the block. |