Patterns
Empty state
Centered no-result states with a light icon circle and optional action.
No records found
No records match your search criteria. Try adjusting your search terms or check back later.
Interactive local example · fictional data
The Code tab contains this preview’s complete source, including sample data and interaction state. Load the package stylesheet and Switzer font as described in the installation guide. Additional layout utilities require Tailwind CSS in your application.
API reference
| Prop | Type | Default |
|---|---|---|
| title / description | string | — |
| icon / action | ReactNode | — |
| compact | boolean | false |
Primitives also accept their underlying HTML or Radix props. Full types are included with the package.
Behavior & accessibility
- Use compact for an empty table and the full variant for a page-level empty state.
Reference
Schemes, donations, referrals