# Source: https://neon.com/llms/neon-auth-components-account-settings.txt

# <AccountSettings />

> The "<AccountSettings />" documentation outlines the configuration and management of user account settings within the Neon platform, detailing how to update personal information, manage security settings, and configure notification preferences.

## Source

- [<AccountSettings /> HTML](https://neon.com/docs/neon-auth/components/account-settings): The original HTML version of this documentation

Renders an `<AccountSettings />` 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

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

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