Empty State
Placeholder for empty tables, lists, and search results. Supports icon, title, description, and action buttons.
import
{ EmptyState } from "@pepulux/ui"Default
No results found
Try adjusting your filters or search query.
Sizes
Empty
Nothing here yet.
No data
Create your first item to get started.
With secondary action
No integrations
Connect your tools to get started.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title* | string | — | Bold heading |
| description | string | — | Supporting text below the title |
| icon | ReactNode | — | Icon or illustration to display above title |
| showIcon | boolean | true | Set false to hide the icon box |
| size | "sm" | "md" | "lg" | "md" | Controls padding and icon size |
| primaryAction | EmptyStateAction | — | { label, onClick } primary CTA |
| secondaryAction | EmptyStateAction | — | { label, onClick } secondary link |