Layout

Settings Page

Profile and preferences settings with switches and sliders.

Preview

Settings

Manage your profile, notifications, and security preferences.

Alex Lane

Product operations lead

Full name

Work email

Role

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.

See full preview above

Using shadcn CLI

npx shadcn add settings-page --url https://ui.hampton.io

Dependencies

npm install lucide-react