EmptyState
EmptyState Component
Playground
No data found
Try adjusting your filters or search criteria.
Props
| Prop | Type | Default | Value |
|---|---|---|---|
icon | ReactNode | — | — |
title | string | — | |
description | string | — | |
action | ReactNode | — | — |
size | 'sm' | 'md' | 'lg' | — |
Usage
<EmptyState
icon={<InboxIcon />}
title="No data available"
description="Try adjusting your filters or add some data."
action={<Button>Add Data</Button>}
/>