Digest Frequency

Component 5

About

A notification settings card that lets users choose an email digest frequency per category using dropdown selects.

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

Code

How Digest Frequency is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Notifications3 } from "@/components/ui/notifications-3";

export default function Demo() {
  return (
    <div className="flex min-h-screen w-full items-center justify-center bg-background p-6">
      <div className="w-full max-w-md">
        <Notifications3 />
      </div>
    </div>
  );
}