Back to Components
Settings
Notification Toggle
Grouped notification settings with toggle switches, labels, and descriptions.
Product updates
Stay informed on releases and improvements.
Release notes
Monthly updates and highlights.
Beta previews
Early access to upcoming features.
Workspace activity
Notifications about your team and projects.
Mentions
Alerts when someone mentions you.
Task reminders
Upcoming due dates and assignments.
Dependencies
- clsx
- tailwind-merge
Files
- components/ui/notification-toggle.tsx
Installation
Using shadcn CLI
npx shadcn add notification-toggle --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install clsx tailwind-merge