# Financial account transactions

Show a table of all transactions for a financial account.

Financial account transactions renders the view of a list of [transactions](https://docs.stripe.com/api/treasury/transactions.md) associated with a [financial account](https://docs.stripe.com/api/treasury/financial_accounts.md) for your connected accounts.

Note: The following is a preview/demo component that behaves differently than live mode usage with real connected accounts. The actual component has more functionality than what might appear in this demo component. For example, for connected accounts without Stripe dashboard access (custom accounts), no user authentication is required in production.

The permission boundary for this component is at the connected account level, not at the individual financial account level. This UI should be shown to users that have access to all financial accounts, not to users that have restricted access to a single financial account.

When [creating an Account Session](https://docs.stripe.com/api/account_sessions/create.md), enable the financial account transactions component by specifying `financial_account_transactions` in the `components` parameter. You can enable or disable individual features of the financial account component by specifying the `features` parameter under `financial_account_transactions`.

```curl
curl https://api.stripe.com/v1/account_sessions \
  -u "<<YOUR_SECRET_KEY>>:" \
  -d account="{{CONNECTEDACCOUNT_ID}}" \
  -d "components[financial_account_transactions][enabled]"=true \
  -d "components[financial_account_transactions][features][card_spend_dispute_management]"=true
```

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 financial account transactions component in the frontend:

#### JavaScript

```js
// Include this element in your HTML
const financialAccountTransactions = stripeConnectInstance.create('financial-account-transactions');
financialAccountTransactions.setFinancialAccount('{{FINANCIAL_ACCOUNT_ID}}');
container.appendChild(financialAccountTransactions);
```

This embedded component supports the following parameters:

#### HTML + JS

| Method                | Type     | Description                                                                          |          |
| --------------------- | -------- | ------------------------------------------------------------------------------------ | -------- |
| `setFinancialAccount` | `string` | The ID of the financial account which you want to display a list of transactions for | required |

#### React

| React prop         | Type     | Description                                                                           |          |
| ------------------ | -------- | ------------------------------------------------------------------------------------- | -------- |
| `financialAccount` | `string` | The ID of the financial account which you want to display a list of transactions for. | required |