Empty State
NewlayoutComposed empty-content panel with icon, title, description, and optional action slot.
import { EmptyState, Button } from '@/components/forge'Preview
Empty State
No saved components
Start by browsing the library and saving the patterns you use most.
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
title | React.ReactNode | - | Yes | Primary empty state message |
description | React.ReactNode | - | No | Supporting copy |
icon | React.ReactNode | - | No | Custom icon slot |
action | React.ReactNode | - | No | Optional action slot |
Variants
default
Accessibility
- Keeps action content in normal tab order
- Icon is decorative unless a custom icon adds its own label