Empty State

Dashed empty state with masked grid backdrop and primary/secondary actions.

MMira A11y·byMDMira DelgadoPro

640

Bookmarks

2,900

Installs

19,800

Views

24 lines

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

export default function DemoEmptyState() {
  return (
    <div className="flex min-h-[340px] items-center justify-center p-8">
      <EmptyState
        icon={<Inbox className="size-5" />}