Empty State
A container displaying zero-data states, featuring a bouncy entrance animation and desaturated iconography.
Default Usage
The standard empty state with an icon, title, description, and action button.
No messages yet
When you receive new messages, they will appear here. Start a conversation to get started.
Action Variants
Empty states usually guide the user with a primary recovery action.
No results found
We couldn't find anything matching your search. Try adjusting your filters.
Minimal
A minimal state without action buttons or verbose descriptions.
Empty Directory
Empty State API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
title | string | 'No items found' | The primary title text. |
description | string | 'There is nothing to display here right now.' | A secondary description text. |
icon | Component | String | null | Icon component or string to display. |