Create your first component to start building your library and sharing patterns across teams.
Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Empty list placeholder for first-use screens, cleared collections, and search with zero results.
icon="search").Reuse EmptyState — do not introduce a separate empty-search component:
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Heading. |
description | string | — | Guidance. |
icon | string | false | "inbox" | Catalog icon name, or false to hide. |
actions | ReactNode | — | Optional CTA row. |
density | SurfaceDensity | "comfortable" | Spacing scale. |
section.