حالت خالی
empty-stateکامپوننتحالت خالی برای وقتی هنوز دادهای نیست، با توضیح و دکمهی قدم بعدی.
هنوز سفارشی ندارید
اولین محصول را اضافه کنید تا اینجا پر شود.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add empty-stateنصب دستی
محتوای تب «کد» را در
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>} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| icon | Component | Inbox | آیکون بالای متن. |
| action | ReactNode | - | دکمهی عمل پیشنهادی. |