Shadcn.io is not affiliated with official shadcn/ui
Account Email Preferences
An email notification preferences block for React and Next.js with category-based toggle groups, frequency selectors, expandable email types, and unsubscribe controls built with shadcn/ui and Tailwind CSS
Manage granular email notification preferences with this category toggle list block for React and Next.js. Features expandable notification categories with individual email type toggles, per-category frequency selectors (Instant, Daily digest, Weekly digest), always-on transactional emails, and a one-click unsubscribe all non-essential option. Built with TypeScript, shadcn/ui Switch, Select, Badge, and Button components, motion/react expand animations, and Tailwind CSS. Perfect for SaaS notification settings, user preference dashboards, and email management interfaces.
Related Components
Account Notifications
Push and in-app notification settings
Account Notification Rules
Custom notification routing rules
Account Notification Schedule
Quiet hours and delivery scheduling
Account Communication Channels
Multi-channel communication preferences
Account Notification Templates
Custom notification template settings
Account Preferences
General account preference settings
FAQ
Was this page helpful?
Sign in to leave feedback.
Downloads
A file download history list for React and Next.js with file type filtering, category badges, expiry countdown, storage usage, and per-file download actions built with shadcn/ui and Tailwind CSS
Emergency Contacts
An emergency contact management block for React and Next.js with priority-ordered contact cards, relationship badges, masked phone reveal, notification preferences, and verification status built with shadcn/ui and Tailwind CSS