EmptyState

The “nothing here” state of a list: an icon, a specific title, one line of why, and the action that would fill it — never a pointer to a button somewhere else. NoMatches is the filtered version, with Clear filters.

pnpm add @zikzuk/ui

import { EmptyState, NoMatches } from "@zikzuk/ui";

No providers yet

Connect an SMS provider to start sending messages.

When to use

Any list or related list that can be empty.
A filtered list with no results: NoMatches.

Props

Prop	Type	Description
icon	ComponentType Default `Inbox`	A lucide icon.
title	string	What is missing.
description	ReactNode	Why, in one line.
action	ReactNode	The next step.
className	string	Extra classes on the outer element.