Empty
Data DisplayStable
Compound empty state component for no-data screens. Compose with EmptyMedia, EmptyHeader, EmptyTitle, and EmptyDescription.
Quick Import
import { Empty } from "@cohere-ai/waypoint-ui/empty";Live Preview
Loading Empty...
Props
| Name | Type | Default | Description |
|---|---|---|---|
variant (EmptyMedia) | 'default' | 'icon' | 'default' | Layout variant for the media area |
Examples
Compound Empty State
Full empty state with icon, title, and description
1 import { 2 Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyMedia, 3 } from '@cohere-ai/waypoint-ui/empty'; 4 5 <Empty> 6 <EmptyMedia variant="icon"><InboxIcon /></EmptyMedia> 7 <EmptyHeader> 8 <EmptyTitle>No messages yet</EmptyTitle> 9 <EmptyDescription>When you receive messages, they'll appear here.</EmptyDescription> 10 </EmptyHeader> 11 </Empty>
Additional Resources
Found an Issue?
If you've encountered a bug or have feedback about the Empty component, please report it to our team. Your feedback helps us improve Waypoint.
Available for all users • Issue will be created in Linear
Was this page helpful?
Your feedback helps us improve our documentation.
Need Help?
Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.