Core Elements
Empty State
Placeholder shown when a list or search has no results.
Usage
No results
Try adjusting your filters.
Installation
npm install @wunderui/reactThen import what you need:
import { EmptyState } from "@wunderui/react"Examples
Style
Plain, outlined, dashed and on a tinted background.
No messages
variant="default"
No messages
variant="outline"
No messages
variant="dashed"
No messages
variant="background"
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Empty inbox
A dashed empty state in a card with one clear next step.