> ## Documentation Index
> Fetch the complete documentation index at: https://docs.tesouro.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Settings

> Embed the settings component to let users manage their account details, team settings, and access help resources.

The settings component lets users manage their embedded banking account. It includes three sections:

* **Profile** — View and update account details and user information
* **Team** — Manage team members and team settings
* **Help** — Access FAQs and support resources

## React

```tsx lines theme={null}
import { EmbeddedProvider, SettingsWidget } from '@tesouro/embedded-components-react';

export default function SettingsPage() {
  return (
    <EmbeddedProvider
      userId={currentUser.id}
      userEmail={currentUser.email}
      widgetTokenRefreshUrl="/api/widget-token"
    >
      <SettingsWidget bankingDashboardUrl="/banking/dashboard" />
    </EmbeddedProvider>
  );
}
```

| Prop                  | Required | Description                                                                  |
| :-------------------- | :------- | :--------------------------------------------------------------------------- |
| `bankingDashboardUrl` | No       | URL of the banking dashboard, used for navigation links within the component |

## Web components

```html lines theme={null}
<embedded-settings-widget
  data-user-id="YOUR_USER_ID"
  data-widget-token-refresh-url="/api/widget-token"
  data-banking-dashboard-url="/banking/dashboard"
></embedded-settings-widget>
```