صندوق اعلان
notification-inboxکامپوننتزنگ اعلان با شمارندهی نخوانده و پنلی که اعلانها را به امروز، دیروز و قدیمیتر گروه میکنه، با زمان نسبی فارسی.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add notification-inboxنصب دستی
محتوای تب «کد» را در
components/ui/notification-inbox.tsxبگذارید. پیشنیاز: popover.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { NotificationInbox } from "@/components/ui/notification-inbox"23<NotificationInbox items={notifications} onRead={markRead} onReadAll={markAllRead} />پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| items | Notification[] | - | id، title، description، date، read، icon، href. |