<AccountSettings />

Renders an account settings page with customizable sidebar items and optional full-page layout.

Props

• fullPage (optional): boolean - If true, renders the component in full-page mode.
• extraItems (optional): 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.
  • icon (optional): React.ReactNode - The icon component for the item. only used if iconName is not provided.
  • iconName (optional): string - The name of the Lucide icon to be used for the item. only used if icon is not provided.

Example

1
import { AccountSettings } from '@stackframe/stack';
2
3
export default function MyAccountPage() {
4
  return (
5
    <AccountSettings
6
      fullPage={true}
7
      extraItems={[{
8
        title: 'Custom Section',
9
        iconName: "Settings",
10
        content: <CustomContent />,
11
        subpath: '/custom',
12
      }]}
13
    />
14
  );
15
}