Skip to main content

​
Overview

The General Ledger provides a GL account-specific view into accounting transactions, allowing business owner-operators and bookkeepers to:
  • View transactions specific to a given GL account
  • See running debits/credits and how each transaction impacts the balance for the given GL account
  • Edit transactions
  • Download GL data into a spreadsheet

​
Embedding the General Ledger

To initialize the Tight Embedded experience in your React project, follow the instructions on Embedding Tight’s white-labeled UI. Below is an example embedding of the General Ledger:
Ledger.tsx
import { GeneralLedger, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function Ledger({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <GeneralLedger />
      </Tight>
    )
}

​
Props

​
filters
object
The set of filters to apply to the dashboard.Passing in a value for this prop turns this into a controlled component. As such, you must also pass the onChangeFilters prop to adjust the filters for user input.
​
onChangeFilters
function
A function that is called whenever the user changes the filters from the dashboard. This function will only be invoked if the filters prop is also provided. The callback takes filters as its single argument.
​
pageSize
number
default:25
The number of transactions to show on a single page of the Transactions Dashboard.