Inbox
2Today
- ArchiveUnread
- ArchiveUnread
- Archive
Earlier
- Archive
- Archive
Swipe a row left to archive. Click to mark as read.
Notification Inbox
tsx
import { NotificationInbox } from "@/components/godui/notification-inbox";import { useState } from "react";export function NotificationInboxDemo() {const [items, setItems] = useState([ { id: "1", actor: "Ana Reyes", action: "assigned you to", target: "Fix auth redirect", time: "2m", group: "Today" }, { id: "2", actor: "Marco Bell", action: "mentioned you in", target: "Design review", time: "18m", group: "Today" },]);return ( <NotificationInbox notifications={items} onArchive={(id) => setItems((p) => p.filter((n) => n.id !== id))} onMarkAllRead={() => setItems((p) => p.map((n) => ({ ...n, read: true })))} />);}