# Capital financing

Allow a connected account to view and manage their active Capital financing.

The Capital financing component allows connected accounts to view and manage their financing. Connected accounts can monitor repayment progress, review transaction history, and make payments.

## Component lifecycle

### No financing

For connected accounts without any financing history, the Capital financing component displays a “No financing” message. We recommend listening to the `onFinancingsLoaded` event to render a custom message or hide the component for accounts with no history.

### In-review financing

When a connected account has recently submitted a financing application, the Capital financing component shows an application tracker view. It informs the connected account of their application status.

After an account first submits their application, you must reload this component for it to render the application tracker.

## Create an Account Session

When [creating an Account Session](https://docs.stripe.com/api/account_sessions/create.md), enable the Capital financing component by specifying `capital_financing` in the `components` parameter.

After creating the account session and [initializing ConnectJS](https://docs.stripe.com/connect/get-started-connect-embedded-components.md#account-sessions), you can render the Capital financing component in the front end:

```js
// Include this element in your HTML
const capitalFinancing = stripeConnectInstance.create('capital-financing');
container.appendChild(capitalFinancing);
```

```jsx
// Include this React component
import {
  ConnectCapitalFinancing,
  ConnectComponentsProvider,
} from "@stripe/react-connect-js";

return (
  <ConnectComponentsProvider connectInstance={stripeConnectInstance}>
    <ConnectCapitalFinancing />
  </ConnectComponentsProvider>
);
```

| Method                     | Type                        | Description                                                                                                                                                                                       | Default                                                    |
| -------------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
| `setDefaultFinancingOffer` | `string`                    | [Financing Offer](https://docs.stripe.com/api/capital/financing_offers.md) ID to render on initial load of the component. By default, the component displays the active or most recent financing. |                                                            |
| `setShowFinancingSelector` | `boolean`                   | If true, render the financing dropdown selector to allow the connected account to change the displayed financing.                                                                                 | `true`                                                     |
| `setOnFinancingsLoaded`    | `({total: number}) => void` | The component loaded the connected account’s financing history.                                                                                                                                   |                                                            |
| `setSupportUrl`            | `string`                    | Absolute URL of your support site.                                                                                                                                                                | `https://support.stripe.com/`                              |
| `setHowCapitalWorksUrl`    | `string`                    | Absolute URL of a page with information about the Capital program.                                                                                                                                | `https://docs.stripe.com/capital/how-stripe-capital-works` |

| React prop              | Type                        | Description                                                                                                                                                                                       | Default                                                    | Required or Optional |
| ----------------------- | --------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- | -------------------- |
| `defaultFinancingOffer` | `string`                    | [Financing Offer](https://docs.stripe.com/api/capital/financing_offers.md) ID to render on initial load of the component. By default, the component displays the active or most recent financing. | `null`                                                     | optional             |
| `showFinancingSelector` | `boolean`                   | If true, render the financing dropdown selector to allow the connected account to change the displayed financing.                                                                                 | `true`                                                     | optional             |
| `onFinancingsLoaded`    | `({total: number}) => void` | The component loaded the connected account’s financing history.                                                                                                                                   |                                                            | optional             |
| `supportUrl`            | `string`                    | Absolute URL of your support site.                                                                                                                                                                | `https://support.stripe.com/`                              | optional             |
| `howCapitalWorksUrl`    | `string`                    | Absolute URL of a page with information about the Capital program.                                                                                                                                | `https://docs.stripe.com/capital/how-stripe-capital-works` | optional             |