Stack Auth
GuidesSDKComponents
API Reference
Components Overview
Authentication
<SignIn /><SignUp /><CredentialSignIn /><CredentialSignUp /><MagicLinkSignIn /><ForgotPassword /><PasswordReset />
OAuth
<OAuthButton /><OAuthButtonGroup />
User Interface
<UserButton /><AccountSettings /><SelectedTeamSwitcher />
Layout & Providers
<StackProvider /><StackHandler /><StackTheme />
Stack Auth Docs

<AccountSettings />

Demo

Component Demo

Props

PropTypeDefaultDescription
fullPageoptional
booleanfalseIf true, renders the component in full-page mode.
extraItemsoptional
Array—Additional items to be added to the sidebar. Each item should have the following properties:
title
string—The title of the item.
content
React.ReactNode—The content to be rendered for the item.
subpath
string—The subpath for the item's route.
iconoptional
React.ReactNode—The icon component for the item.

Example

import { AccountSettings } from '@stackframe/stack';

export default function MyAccountPage() {
  return (
    <AccountSettings
      fullPage={true}
      extraItems={[{
        title: 'Custom Section',
        icon: <SettingsIcon />,
        content: <CustomContent />,
        subpath: '/custom',
      }]}
    />
  );
}
Previous Page<UserButton />
Next Page<SelectedTeamSwitcher />

Stack Auth AI

Experimental: AI responses may not always be accurate—please verify important details.

For the most accurate information, please join our Discord or email us.

How can I help?

Ask me about Stack Auth while you browse the docs.