All projects · UI Components & Interactions
NotifyControl — Notification Preferences
A polished notification preferences center that lets users manage delivery per channel (Email, Push, In-App) across five notification categories,…
A polished notification preferences center that lets users manage delivery per channel (Email, Push, In-App) across five notification categories, with a master mute switch that dims and disables every row. Preferences persist automatically to the browser via localStorage.
- Nested per-type/per-channel state model with schema-migration guard on load
- Global mute banner that disables and visually dims all channel toggles
- Auto-save to localStorage with a transient 'Saved' confirmation pill
- Accessible pill switch with keyboard (Space/Enter) support and per-row status dots
Built with: HTML, CSS, Vanilla JavaScript, localStorage, Inline SVG icons, Google Fonts (Sora, Outfit)