<AccountSettings />
Demo
Component Demo
Props
| Prop | Type | Default | Description |
|---|---|---|---|
fullPageoptional | boolean | false | If 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. Only used if iconName is not provided. |
iconNameoptional | string | — | The name of the Lucide icon to be used for the item. Only used if icon is not provided. |
Example
import { AccountSettings } from '@stackframe/stack';
export default function MyAccountPage() {
return (
<AccountSettings
fullPage={true}
extraItems={[{
title: 'Custom Section',
iconName: "Settings",
content: <CustomContent />,
subpath: '/custom',
}]}
/>
);
}