ObjectUIObjectUI
ComponentsFeedback

Empty

Empty state placeholder with optional action

The Empty component displays a placeholder when there's no content to show.

Basic Usage

Basic Empty State

No results found

Try adjusting your search or filters

With Icon

With Icon

No messages

Your inbox is empty

With Action

With Action Button

No projects yet

Get started by creating your first project

Schema

interface EmptySchema {
  type: 'empty';
  icon?: string;                  // Lucide icon name
  title?: string;                 // Main message
  description?: string;           // Supporting text
  action?: ComponentSchema;       // Call to action button
  className?: string;
}

Examples

Search Results

Empty Search Results

No results for "example"

Try searching with different keywords

Empty List

Empty Team List

No team members

Invite people to join your team

On this page