<PropTable props={[ { name: "fullPage", type: "boolean", description: "If true, renders the component in full-page mode.", optional: true, default: "false" }, { name: "extraItems", type: "Array", description: "Additional items to be added to the sidebar. Each item should have the following properties:", optional: true, nested: [ { name: "title", type: "string", description: "The title of the item." }, { name: "content", type: "React.ReactNode", description: "The content to be rendered for the item." }, { name: "subpath", type: "string", description: "The subpath for the item's route." }, { name: "icon", type: "React.ReactNode", description: "The icon component for the item.", optional: true }, ] } ]} />

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

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