Empty
Composed empty states for missing content, first-run guidance, and zero results.
Examples
No results
No results
Try another search or clear your filters.
Overview
Compose an icon, concise title, supporting description, and an optional recovery action.
tsx
import { Empty, EmptyTitle, EmptyDescription } from "@standard-ui/react" <Empty> <EmptyTitle>No projects</EmptyTitle> <EmptyDescription>Create a project to get started.</EmptyDescription> </Empty>
API
| Part | Role |
|---|---|
| Empty | Centered state container. |
| EmptyIcon | Visual context. |
| EmptyActions | Primary and secondary actions. |
Guidelines
Do
- Explain why the area is empty
- Offer one clear next step
Don't
- Don't blame the user