Notification Scroll Area

A scrollable container that displays a long list of notifications grouped by date with sticky date headers.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Notification Scroll Area to your project and fits it to your theme.

import ScrollArea4 from "@/components/ui/scroll-area4";

export default function Default() {
  return (
    <div className="flex min-h-80 items-center justify-center p-8">
      <ScrollArea4 />
    </div>
  );
}