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

# Bank Accounts and Transactions

> Bank Accounts and Transactions Page

Manage transactions and accounts in one page. This view simply groups together the accounts management and the transaction categorization list so they can be managed together.

![Bank Accounts and Transactions](https://github.com/user-attachments/assets/2a07f56c-02ce-4f47-b99d-880fce6900c4)

```tsx theme={null}
import { BankTransactionsWithLinkedAccounts } from '@layerfi/components'

<BankTransactionsWithLinkedAccounts
  showLedgerBalance={false}
  showCustomerVendor={true}
  showTags={true}
  showDescriptions={true}
  showReceiptUploads={true}
  mobileComponent={isMobileView ? 'mobileList' : 'regularList'}
  stringOverrides={{
    title: "Bank Transactions"
  }}
/>
```

### Properties

<ParamField body="title" type="string">
  **Deprecated:** Page title to place in the header. Use `stringOverrides.title` instead.
</ParamField>

<ParamField body="showTitle" type="boolean" default="true">
  Controls whether the page title/header is displayed.
</ParamField>

<ParamField body="mode" type="string">
  **Deprecated:** Legacy mode setting. Can be inferred from the bookkeeping configuration of a business. Possible values are `bookkeeping-client` or `self-serve`.
</ParamField>

<ParamField body="showDescriptions" type="boolean" default="true">
  Controls whether transaction descriptions are displayed in the transaction list.
</ParamField>

<ParamField body="showReceiptUploads" type="boolean" default="true">
  Controls whether receipt upload functionality is available for transactions.
</ParamField>

<ParamField body="showTooltips" type="boolean" default="false">
  Controls whether tooltips are displayed to provide additional information about transactions and categorization.
</ParamField>

<ParamField body="showTags" type="boolean" default="false">
  Controls whether transaction tags are displayed and can be managed in the transaction list.
</ParamField>

<ParamField body="showUnlinkItem" type="boolean" default="false">
  Controls whether the unlink option is available for linked accounts.
</ParamField>

<ParamField body="showUploadOptions" type="boolean" default="false">
  Controls whether upload options are displayed for transactions.
</ParamField>

<ParamField body="mobileComponent" type="string">
  `mobileList` will use the mobile list view for transactions, while `regularList` will use the regular list view.
  See the [Bank Transactions](/embedded-components/components/bank-transactions) component for more information on this view.
</ParamField>

<ParamField body="showLedgerBalance" type="boolean">
  Flag indicating whether to show the ledger balance corresponding to each linked account in the linked account card.
  This can be useful for users who want to reconcile ledger balances with their bank statements.
</ParamField>

<ParamField body="showCustomerVendor" type="boolean" default="false">
  Flag to enable or hide the customer/vendor column in the transactions table.
</ParamField>

<ParamField body="renderInAppLink" type="function">
  Custom function for rendering in-app navigation links. Receives LinkingMetadata as a parameter and should return a ReactNode.
</ParamField>

<ParamField body="stringOverrides" type="object">
  Overrides for default strings in the component.

  <Expandable title="String override options">
    <ParamField body="title" type="string">
      Override for the page title. Defaults to "Bank transactions".
    </ParamField>

    <ParamField body="linkedAccounts" type="object">
      String overrides for the linked accounts section. See LinkedAccounts component documentation for available options.
    </ParamField>

    <ParamField body="bankTransactions" type="object">
      String overrides for the bank transactions section. See BankTransactions component documentation for available options.
    </ParamField>
  </Expandable>
</ParamField>