Settings Page
Full settings page composing the settings shell, profile, security, API keys, and danger zone sections.
Full settings page composing the settings shell, profile, security, API keys, and danger zone sections.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Settings Page is a full account settings page assembled from five sibling blocks: the settings shell provides the tabbed navigation rail, profile settings covers name and avatar, security settings handles password and active sessions, the API keys panel lets users generate and revoke tokens, and the danger zone card names exactly what account deletion destroys.
Each section is its own block and owns its spacing. Drop SsoAndDomainSettings in after SecuritySettings for enterprise workspaces, remove DangerZoneCard for read-only user roles, or swap ApiKeysPanel for a notifications preferences panel.
Reach for this page as the primary settings destination in any workspace app, wired to your account, session, and key management endpoints. Remove sections the user role cannot access before rendering.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the personal account settings area. Other settings page configurations:
Tip: the danger zone card earns its place by naming every object that will be destroyed, vague deletion warnings create more support tickets than they prevent.