Loading resource
Account
The settings layout used by the app, with section navigation and isolated content.
Use AccountSettings inside the protected settings route. Project configuration controls its sections. AccountSettingsView requires onTabChange; the connected export preserves tab query URLs while the shell owns global navigation.
src/components/account/account-settings.tsx
Choose a section using the sidebar or compact selector. Only the selected content enters again; saving a profile keeps the page and draft mounted.
Your workspace
Manage your profile, security, and memberships.
The preview imports your production components. Open Code for the complete working example, including its imports.
Use Tab to inspect keyboard focus, switch themes, and try the controls. Reset restores the example’s initial state.