Settings Page
Profile and preferences settings with switches and sliders.
Settings
Workspace
Manage your profile, notifications, and security preferences.
Alex Lane
Product operations lead
Workspace visibility
Show your profile to all workspace members.
Notifications
Decide what reaches you and when.
Daily launch digest
Summary of activity every morning.
Approval reminders
Alerts when reviews are pending.
Weekly report
Analytics recap sent on Fridays.
Workspace preferences
Control how quickly updates reach your team.
Alert sensitivity
Adjust how early we notify stakeholders.
Timezone preference
Keep reports aligned to your local time.
Security
Rotate credentials and keep access secure.
Update password
Session timeout
Auto lock after 30 minutes of inactivity.
Dependencies
- lucide-react
Files
- components/layouts/settings-page.tsx
Installation
Using shadcn CLI
npx shadcn add settings-page --url https://ui.hampton.ioManual installation
Copy the component file to your project and install dependencies:
npm install lucide-react