Skip to content
Feedback

Empty

A placeholder for empty states. Combines an icon, title, description, and optional action to guide users when no content is available.

Sourcesrc/components/ui/empty.tsx

No messages yet

When you receive messages, they will appear here.

Import

import {
  Empty,
  EmptyIcon,
  EmptyTitle,
  EmptyDescription,
  EmptyAction,
} from "@mikenotthepope/substrateui"

Composition

Empty
├── EmptyIcon
├── EmptyTitle
├── EmptyDescription
└── EmptyAction

API Reference

PropTypeDefaultDescription
EmptyIconReact.ReactNode—Container for the icon displayed above the title. Pass any Lucide icon as a child.
EmptyTitleReact.ReactNode—The heading text for the empty state.
EmptyDescriptionReact.ReactNode—A supporting description displayed below the title.
EmptyActionReact.ReactNode—Container for the call-to-action, typically a Button.