Empty Actions 1 - Empty with single action

Pro

EmptyContent with one primary Button call to action.

Shadcn Empty Actions 1 component

Component data

ID
empty/empty-actions-1
Access
pro
Created
Oct 5, 2025
Type
example
Libraries
Radix UI, Base UI, React Aria

Empty Actions 1 component design & features

This example adds EmptyContent with a single primary Button such as create or add first item. EmptyHeader still carries title, description, and optional icon above the action.

Single-action empties are the default for lists and tables with one obvious next step. The button label should mirror the verb users expect after reading the title.