Block

Empty State

A centralized, clean illustration container to instruct users when workspaces or folders do not contain items.

Interactive Preview

No active deployments found

You haven't launched any brutalist web projects on this cluster node. Deploy your first static directory in seconds.

Registry Installation

pnpm dlx brutx@latest add empty-state

Usage Examples

import { EmptyState } from "@/components/ui/empty-state"
import { Database } from "lucide-react"

export default function Page() {
  return (
    <EmptyState
      title="No active databases"
      description="You haven't provisioned a database cluster yet. Create your first SQL node instantly."
      actionText="Create Database"
      icon={<Database className="h-8 w-8 stroke-[2.5]" />}
      onActionClick={() => createNode()}
    />
  )
}