stack/docs-mintlify/docs/components/account-settings.mdx
Madison 13fccd32b6
Some checks failed
all-good: Did all the other checks pass? / all-good (push) Has been cancelled
Ensure Prisma migrations are in sync with the schema / check_prisma_migrations (22.x) (push) Has been cancelled
DB migration compat / Check if migrations changed (push) Has been cancelled
Docker Server Build and Push / Docker Build and Push Server (push) Has been cancelled
Docker Server Build and Run / docker (push) Has been cancelled
Runs E2E API Tests (Local Emulator) / E2E Tests (Local Emulator, Node ${{ matrix.node-version }}) (22.x) (push) Has been cancelled
Runs E2E API Tests / E2E Tests (Node ${{ matrix.node-version }}, Freestyle ${{ matrix.freestyle-mode }}) (mock, 22.x) (push) Has been cancelled
Runs E2E API Tests / E2E Tests (Node ${{ matrix.node-version }}, Freestyle ${{ matrix.freestyle-mode }}) (prod, 22.x) (push) Has been cancelled
Runs E2E API Tests with custom port prefix / build (22.x) (push) Has been cancelled
Lint & build / lint_and_build (latest) (push) Has been cancelled
Dev Environment Test With Custom Base Port / restart-dev-and-test-with-custom-base-port (push) Has been cancelled
Dev Environment Test / restart-dev-and-test (push) Has been cancelled
Run setup tests with custom base port / setup-tests-with-custom-base-port (push) Has been cancelled
Run setup tests / setup-tests (push) Has been cancelled
TOC Generator / TOC Generator (push) Has been cancelled
DB migration compat / Back-compat — Current branch migrations with ${{ needs.check-migrations-changed.outputs.base_branch }} branch code (push) Has been cancelled
DB migration compat / Forward-compat — Current branch code with ${{ needs.check-migrations-changed.outputs.base_branch }} branch migrations (push) Has been cancelled
DB migration compat / No migration changes (skipped) (push) Has been cancelled
Add docs-mintlify to root
2026-04-01 14:58:41 -05:00

43 lines
1.3 KiB
Plaintext

---
title: "<AccountSettings />"
description: A user interface for managing account settings, with support for full-page rendering and extensible sidebar items.
---
A user interface for managing account settings, with support for full-page rendering and extensible sidebar items.
## Props
| Property | Type | Default | Description |
|----------|------|---------|-------------|
| `fullPage` | `boolean` | `false` | If true, renders the component in full-page mode. |
| `extraItems` | `Array` | - | Additional items to be added to the sidebar. See below for item properties. |
### extraItems Properties
| Property | Type | Description |
|----------|------|-------------|
| `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` | `React.ReactNode` | The icon component for the item. (optional) |
## Example
```tsx
import { AccountSettings } from '@stackframe/stack';
export default function MyAccountPage() {
return (
<AccountSettings
fullPage={true}
extraItems={[{
title: 'Custom Section',
icon: <SettingsIcon />,
content: <CustomContent />,
subpath: '/custom',
}]}
/>
);
}
```