UI Kits
Feedback

Empty State

Empty-state panel with action.

Add to UI Builder
Usage guidance

When to use it.

Use concise messages that state what happened and what the user can do next.

Accessibility

Implementation notes.

  • Use role/status semantics where appropriate.
  • Do not make transient messages disappear too quickly.
  • Include a clear recovery action for errors.
Release QA

Implementation checklist.

0/3
Handoff notes

Implementation notes for this component.

Quick section export
<section class="ap-empty"><div>＋</div><h3>No projects yet</h3><p>Create your first project to get started.</p><button>Create project</button></section>
Related components

More in Feedback