Components
Loading preview...
This Notifications component is designed to provide users with a richer, more informative experience. Unlike a standard notification list, it allows embedding interactive elements such as links and info icons within individual notifications. The info icons are paired with tooltips (powered by shadcn UI) that appear on hover, offering additional context without cluttering the message itself. The component uses a popover aligned to the center of the bell icon, ensuring a clean, intuitive placement.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/notifications-altimport NotificationsAlt from "@/components/ui/notifications-alt";
export default function DemoOne() {
return <NotificationsAlt />;
}