Utility
AI
Terminal
Installation
pnpm dlx shadcn@latest add https://termcn.dev/r/notification-center.json
Usage
import { NotificationCenter } from "@/components/ui/notification-center";
import { useNotifications } from "@/hooks/use-notifications";const { notify } = useNotifications();
notify({
title: "Build complete",
body: "All checks passed",
variant: "success",
});
<NotificationCenter maxVisible={5} width={40} />;API Reference
NotificationCenter
| Prop | Type | Default |
|---|---|---|
maxVisible | number | 5 |
width | number | 40 |