Shadcn.io is not affiliated with official shadcn/ui
Empty with Multiple Paragraphs
A React empty calendar state with multi-paragraph description using line breaks for separated messaging
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.
Empty with Multiple Paragraphs preview
Installation
Related Components
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
FAQ
Was this page helpful?
Sign in to leave feedback.