Skip to Content

Empty State

Displays a message and optional actions when a view has no content.

No messages
You don't have any messages yet.

Props

EmptyState accepts Column props in addition to the props below.

PropTypeDescription
titleReactNodeMain message
descriptionReactNodeSupporting text
iconReactNodeIcon displayed above the title
actionsReactNodeButtons or links displayed below the message
childrenReactNodeAdditional content between the message and actions

Examples

No search results

No results found
Try adjusting your search or filters.

Error state

Something went wrong
The content could not be loaded.

Additional content

Use children for content that does not belong in the description or action row.

No projects
Create a project or import an existing one.
JSON and CSV imports are supported.