Empty State

Display content when a list or section has no items.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Standard implementation with default configuration.

Empty inbox with a call to start a conversation.

Interactive state when active filters return no results.

No results state with a simulated search query.

Minimal styling resembling plain text.

Icon-only buttons and decorative configurations.

Replaces or supplements text with an Icon element.

Shapes from sharp to fully rounded.

Applies sharp corners with no br-(value).

Applies a smooth continuous curve between adjacent corners.

Displays action buttons for user interactions.

Minimal non-interactive display.