الإشعارات

مكوّن إشعارات لعرض التنبيهات النظامية أو تنبيهات المستخدم.

Loading demo: notifications-real-world

التثبيت

npx sdaia-ui@latest add notifications

الاستخدام

import { Notifications } from "@/components/ui/notifications"
<Notifications />

الأمثلة

الافتراضي

عرض الإشعارات الافتراضي.

Loading demo: notifications-default

مرجع الواجهة البرمجية

NotificationsProps

خصائص مكوّن 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