Settings Page
A realistic settings page combining sidebar navigation, section headers, form controls, and action buttons.
Profile information
Update your name and email address.
Notifications
Choose what you want to be notified about.
Email notifications
Receive email updates for activity on your projects.
Push notifications
Receive push notifications on your mobile device.
Weekly digest
Get a summary email every Monday morning.
Components used
Key implementation details
- Sidebar + content area layout using CSS Grid
- Sidebar collapses to horizontal tabs on mobile
- Each settings section separated by a divider
- Toggle rows have label + description on left, switch on right
- Save/Cancel actions pinned to the bottom of the content area