Skip to main content
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 
import { BankTransactionsWithLinkedAccounts } from '@layerfi/components'

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

​
Properties

​
showTitle
boolean
default:"true"
Controls whether the page title/header is displayed.
​
showDescriptions
boolean
default:"true"
Controls whether transaction descriptions are displayed in the transaction list.
​
showReceiptUploads
boolean
default:"true"
Controls whether receipt upload functionality is available for transactions.
​
showTooltips
boolean
default:"false"
Controls whether tooltips are displayed to provide additional information about transactions and categorization.
​
showTags
boolean
default:"false"
Controls whether transaction tags are displayed and can be managed in the transaction list.
​
showUnlinkItem
boolean
default:"false"
Controls whether the unlink option is available for linked accounts.
​
showUploadOptions
boolean
default:"false"
Controls whether upload options are displayed for transactions.
​
mobileComponent
string
mobileList will use the mobile list view for transactions, while regularList will use the regular list view. See the Bank Transactions component for more information on this view.
​
showLedgerBalance
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.
​
showCustomerVendor
boolean
default:"false"
Flag to enable or hide the customer/vendor column in the transactions table.
​
elevatedLinkedAccounts
boolean
default:"false"
Applies elevated styling to the <LinkedAccounts> component.
​
showBreakConnection
boolean
default:"false"
Shows the break-connection option in linked accounts, allowing users to disconnect accounts.
​
showCategorizationRules
boolean
Controls whether categorization rule suggestions are shown for bank transactions.
​
renderInAppLink
(details: LinkingMetadata) => ReactNode
Custom function for rendering in-app navigation links. Receives LinkingMetadata as a parameter and should return a ReactNode. See the In-App Linking guide for details.
​
stringOverrides
BankTransactionsWithLinkedAccountsStringOverrides
Overrides for default strings in the component.