Components
Loading preview...
This Notifications component is a reusable UI element built with shadcn/ui and TypeScript (TSX) that displays a bell icon with a notification count badge. When the user clicks the bell, a popover card opens directly beneath the icon, aligned to its center, containing a scrollable list of notifications. Each notification shows a title, description, and timestamp in a clean, structured layout.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/notifications-1import Notifications from "@/components/ui/notifications-1";
export default function DemoOne() {
return <Notifications />;
}