Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty with Description
A React empty state with Inbox icon, title, and single-sentence description providing basic context
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Context helps action—descriptions guide users when title alone isn't enough. This React empty state uses shadcn/ui Empty component with Inbox icon from Lucide React featuring EmptyTitle and single-sentence EmptyDescription about creating first item. Built with standard empty structure balancing clarity and brevity. The descriptive empty pattern adds context—perfect for first-time experiences, ambiguous situations, general purpose empties, or anywhere users benefit from brief guidance without overwhelming verbosity.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Simple Empty State
Minimal title-only empty
Long Description
Multi-sentence description empty
Single Action
Empty with action button
No Messages
Empty with description and action
Card Component
Empty container
Info Alert
Alternative informational pattern