NotificationCenter

import { NotificationCenter } from "@grassroot/ui-react/advanced";
 
const items = [
  { id: "1", group: "Today", kind: "deploy", unread: true, time: "12m ago", message: <>ledger-api deployed</> },
  { id: "4", group: "Yesterday", kind: "pr", unread: false, time: "19h ago", message: <>PR #482 merged</> },
];
 
<NotificationCenter defaultItems={items} />

import { NotificationCenter } from "@grassroot/ui-solid";
 
const items = [
  { id: "1", group: "Today", kind: "deploy", unread: true, time: "12m ago", message: <>ledger-api deployed</> },
  { id: "4", group: "Yesterday", kind: "pr", unread: false, time: "19h ago", message: <>PR #482 merged</> },
];
 
export function Example() {
  return (
    <>
      <NotificationCenter defaultItems={items} />
    </>
  );
}