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

# Balance Sheet

> View your business's assets, liabilities, and equity at a point in time

## Overview

A Balance Sheet is a financial statement that shows a snapshot of a business's assets, liabilities, and equity at a specific moment in time. The Balance Sheet provides insight into the business’s financial health by showing what the business owns and owes, which helps determine the business's ability to pay its obligations.

This financial statement can be customized to view and compare the account balances at different dates. It can even be drilled down into to see all of the transactions and journal entries contributing to the balance for each specific GL account.

## Embedding the interactive Balance Sheet

To initialize the Tight Embedded experience in your React project, follow the instructions on [Embedding Tight's white-labeled UI](/embeddable-ui/react/patterns/embedding).

Below is an example embedding of the Balance Sheet:

```TSX BalanceSheetReport.tsx theme={null}
import { BalanceSheet, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function BalanceSheetReport({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <BalanceSheet />
      </Tight>
    )
}
```

## Props

<ParamField body={"filters"}>
  <Expandable title={"filters"}>
    <ParamField body={"dimensionValues"}>
      Dimension value filter

      <Expandable title={"child attributes"}>
        <ParamField body={"id"} type={"object"}>
          Id filter - returns all entities with the following attachments.

          <Expandable title={"child attributes"}>
            <ParamField body={"in"} type={"string[]"}>
              List of values to include.
            </ParamField>
          </Expandable>
        </ParamField>
      </Expandable>
    </ParamField>

    <ParamField body={"dateRange"} type={"object"} post={["optional"]}>
      The date range for which to show the report.

      Passing in a value for this prop turns this into a controlled component. As such, you must also pass the
      `onChangeDateRange` prop to set the new value in the parent component.

      <Expandable title={"fields"}>
        <ParamField body={"start"} type={"string"}>
          The beginning of the range, inclusive.
        </ParamField>

        <ParamField body={"end"} type={"string"}>
          The end of the range, inclusive.
        </ParamField>
      </Expandable>
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body={"grouping"} type={"string"} post={["optional"]}>
  The time period grouping of the report (e.g. for creating a month-over-month report).

  Available options: `NONE`, `MONTHLY`, `QUARTERLY`, `YEARLY`
</ParamField>

<ParamField body={"onChangeGrouping"} type={"function"} post={["optional"]}>
  A function that is called whenever the user changes the grouping from the dashboard.
  This function will only be invoked if the `grouping` prop is also provided. The callback takes a `grouping` as its single
  argument.
</ParamField>

<ParamField body={"onChangeFilters"} type={"function"} post={["optional"]}>
  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.
</ParamField>