Notifications
A notifications component for displaying system or user alerts.
Loading preview…
1
<Notifications2
groups={[3
{ label: 'Today', items: [4
{ type: 'text', title: 'Layla Al-Harbi', subtext: '2 min ago', helperText: 'Left a comment on your report', unread: true },5
]},Installation
npx sdaia-ui@latest add notifications
Usage
import { Notifications } from "@/components/ui/notifications"<Notifications />Examples
Default
Default notifications display.
Loading preview…
1
<Notifications2
groupsByTab={{3
all: [4
{5
label: 'Today',API Reference
NotificationsProps
Props for the Notifications component.
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 |