EmptyState
feedbackEmpty state placeholder with icon, title, description, and action slot. Dashed border container for empty lists, search results, and initial states. Uses role=status with aria-label.
Import
typescript
import { EmptyState } from "packages/ui/src";Props
EmptyStateProps
| Prop | Type | Required |
|---|---|---|
icon | ReactNode | No |
title | string | Yes |
description | string | No |
action | ReactNode | No |
className | string | No |
Examples
No Items
No components yet
Create your first component to get started with the design system.
No Search Results
No results found
Try adjusting your search query or clearing filters.