حالت خالی
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 | - | دکمهی عمل پیشنهادی. |