Skip to main content

EmptyContent

Data Display
Stable

Convenience empty state component from the empty-content subpath. Pass icon, title, and description as props instead of composing manually.

Quick Import
import { EmptyContent } from "@cohere-ai/waypoint-ui/empty-content";

Live Preview

Loading EmptyContent...

Props

NameTypeDefaultDescription
titlestring-Heading text
descriptionstring-Supporting description
iconIconName-Icon to display above title
childrenReactNode-Action slot (buttons, links)
classNamestring-Additional CSS classes

Examples

EmptyContent Convenience Component

Prop-driven empty state with a compose action

1
import { EmptyContent } from '@cohere-ai/waypoint-ui/empty-content';
2
 
3
<EmptyContent
4
icon="inbox"
5
title="No messages yet"
6
description="When you receive messages, they'll appear here."
7
>
8
<Button>Compose message</Button>
9
</EmptyContent>

Found an Issue?

If you've encountered a bug or have feedback about the EmptyContent 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.