EmptyState

Dashboard

Placeholder for empty lists with icon, title, description, and CTA.

Install

npx bouncekit@latest add emptystate

Import

import { EmptyState } from "@/components/dashboard/empty-state"

When you receive messages, they will show up here.

API Reference

Prop	Type	Required	Description
`icon`	`ReactNode`	—	Lucide icon rendered above the title.
`title`	`string`	yes	Heading text.
`description`	`string`	—	Supporting description.
`actionLabel`	`string`	—	Primary CTA label.
`onAction`	`() => void`	—	CTA click handler.
`actionHref`	`string`	—	Route for link-style CTA.

Source

src/components/dashboard/empty-state.tsx

Components/Dashboard/EmptyState