PUI. Empty
(pui v1.0.0)
Copy Markdown
A composable empty state for collections and pages without content.
Empty states keep the explanation and next action in host-owned slots while PUI supplies the accessible structure and default presentation.
Example
<.empty>
<:icon><PUI.Icon.icon name={:search} class="size-6" /></:icon>
<:title>No projects yet</:title>
<:description>Create a project to start organizing your work.</:description>
<:actions>
<.button>Create project</.button>
</:actions>
</.empty>Attributes
| Name | Type | Default | Description |
|---|---|---|---|
class | string | "" | Additional CSS classes |
rest | global | — | Global HTML attributes |
Slots
| Slot | Required | Description |
|---|---|---|
icon | no | Application-owned or semantic icon |
title | yes | Empty-state heading |
description | no | Supporting explanation |
actions | no | Recovery or creation actions |
inner_block | no | Additional content below the actions |