> ## 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.

# Transfers

> Embed the transfers component to let users move money between embedded and externally linked bank accounts.

<Frame>
  <img src="https://mintcdn.com/tesouro-dc896113/YOPj4D2tgSFoagEP/embedded-banking/img/transfers-widget-graphic.png?fit=max&auto=format&n=YOPj4D2tgSFoagEP&q=85&s=a08aa734e20dcb6ac9ee54a179877b11" alt="Transfers Widget" width="3200" height="1104" data-path="embedded-banking/img/transfers-widget-graphic.png" />
</Frame>

The transfers component lets users move money between their embedded accounts and any external accounts they have connected via the [linked accounts component](/embedded-banking/guides/embedded-components/linked-accounts). Transfers to and from external accounts use the bank's ACH system and typically settle within 1–3 business days.

## React

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

export default function TransfersPage() {
  return (
    <EmbeddedProvider
      userId={currentUser.id}
      userEmail={currentUser.email}
      widgetTokenRefreshUrl="/api/widget-token"
    >
      <TransfersWidget />
    </EmbeddedProvider>
  );
}
```

## Web components

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