Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Empty with Multiple Paragraphs
A React empty calendar state with multi-paragraph description using line breaks for separated messaging
Looking to implement shadcn/ui patterns?
Join our Discord community for help from other developers.
Structured information needs separation—paragraph breaks organize complex empty state messaging. This React empty state uses shadcn/ui Empty component with Calendar icon from Lucide React featuring EmptyTitle and EmptyDescription containing two paragraphs separated by br tags. Built with multi-paragraph structure for organized content. The paragraph breaks pattern clarifies structure—perfect for multi-part messages, temporal information, step-by-step guidance, or anywhere empty state communicates distinct pieces of information requiring visual separation.
Create a new event to get started with your calendar.
Pattern created by @haydenbleasel
Installation
Related patterns you will also like
Long Description
Multi-sentence single paragraph
Empty with Description
Standard single-sentence description
Empty Table
Empty with structured messaging
Calendar Component
Calendar with events
Card Component
Empty container
Info Alert
Multi-part messaging