Empty State Component
Capsule-styled empty states for when there is no content to display.
Basic Empty State
A simple empty state with icon, title, and description.
Your inbox is empty. New messages will appear here.
With Call to Action
Empty state with a button to help users take action.
Create your first document to get started. You can also import existing files.
Search Results
When a search returns no results.
We couldn't find anything matching "capsule design". Try different keywords or check your spelling.
Empty Folder
A folder or directory with no files.
Drop files here or create new content to organize your work.
Error States
When something goes wrong or content is unavailable.
Please check your internet connection and try again.
We couldn't sync your data. Changes will be saved locally.
Custom Styling
Empty states with custom visual treatments.
Upgrade your plan to unlock advanced features.
Be the first to share your experience with this product.
Featured Empty State
A larger empty state suitable for main content areas.
Your workspace is ready. Create your first project or explore our templates to get started with your design journey.
Need help? Check our documentation
API Reference
Empty
Container for empty state content.
| Prop | Type | Default |
|---|---|---|
| className | string | - |
EmptyMedia
Icon or illustration container with variant support.
| Prop | Type | Default |
|---|---|---|
| variant | "icon" | "illustration" | - |