حالت خالی

empty-stateکامپوننت

حالت خالی برای وقتی هنوز داده‌ای نیست، با توضیح و دکمه‌ی قدم بعدی.

هنوز سفارشی ندارید

اولین محصول را اضافه کنید تا این‌جا پر شود.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add empty-state
  2. نصب دستی

    محتوای تب «کد» را در components/ui/empty-state.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { EmptyState } from "@/components/ui/empty-state"23<EmptyState title="هنوز سفارشی ندارید" description="اولین محصول را اضافه کنید تا این‌جا پر شود." action={<Button size="sm">افزودن محصول</Button>} />

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
iconComponentInboxآیکون بالای متن.
actionReactNode-دکمه‌ی عمل پیشنهادی.