مكوّن إشعارات لعرض التنبيهات النظامية أو تنبيهات المستخدم.
Loading demo: notifications-real-world
npx sdaia-ui@latest add notifications
import { Notifications } from "@/components/ui/notifications"<Notifications />عرض الإشعارات الافتراضي.
Loading demo: notifications-default
خصائص مكوّن Notifications.
Prop | Type | Default | Required |
|---|---|---|---|
title | string | 'Notifications' | optional |
tabs | HorizontalTabItem[] | - | optional |
activeTab | string | - | optional |
onTabChange | (value: string) => void | - | optional |
onMarkAllRead | () => void | - | optional |
onClose | () => void | - | optional |
groups | NotificationGroup[] | [] | optional |
groupsByTab | Record<string, NotificationGroup[]> | - | optional |
rtl | boolean | false | optional |