GodUIGodUI
109Follow on X

Inbox

2
Today
  • Archive
    Unread
  • Archive
    Unread
  • 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 })))}  />);}