Saasflare UI
Components

Empty State

Polished zero-data view — icon or illustration, title, description, and a call-to-action button.

Installation

npx shadcn@latest add https://ui.saasflare.io/r/empty-state.json
pnpm add @saasflare/ui

Usage

Loading…
"use client"import { Button, EmptyState, Icons } from "@saasflare/ui"/** A prop-driven empty state with icon, copy, and a call-to-action. */export function Demo() {    return (        <EmptyState            className="w-full max-w-md"            icon={<Icons.chat className="size-12 text-muted-foreground" />}            title="No messages yet"            description="Start a conversation with your team to see it appear here."            action={<Button>Compose message</Button>}        />    )}

API Reference

Prop

Type

On this page