> ## 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.

# Accounting Overview

> Accounting Overview Page

This view provides an out of the box ready dashboard with an overview of the health, activity, and accounting status of the business.
We recommend this layout as the entrypoint to the accounting experience for users who do not have bookkeeping services.
Those with bookkeeping services should see the [Bookkeeping Overview](/embedded-components/pages/bookkeeping-overview) page.

The overview page consists of the interactive P\&L chart, the monthly revenue & expense breakdownss, and summary cards with a CTA for uncategorized transactions.

![Accounting Overview](https://github.com/user-attachments/assets/da9955a6-e9f7-41ef-ba25-541a3f8a3929)

```tsx theme={null}
import { AccountingOverview } from './pages/accounting/overview'

<AccountingOverviewView
    onTransactionsToReviewClick={() => {
        navigate('../bank-transactions')
    }}
/>
```

### Properties

<ParamField body="title" type="string">
  Page title to place in the header.
</ParamField>

<ParamField body="enableOnboarding" type="boolean">
  Flag indicating whether to include the `<Onboarding />` component in the layout, which will prompt users to connect accounts and categorize transactions when they first arrive.
  The component is automatically hidden for businesses that have already onboarded, so it's safe to leave on for all users.
</ParamField>

<ParamField body="showTransactionsToReview" type="boolean">
  Flag indicating whether to show the `<TransactionsToReviewCard>` component. Defaults to `true`.
</ParamField>

<ParamField body="onTransactionsToReviewClick" type="boolean">
  A function which navigates to the bank transactions to review page of your app. This will be triggered when clicking on the `<TransactionsToReviewCard>` CTA.
</ParamField>

<ParamField body="chartColorsList" type="string[]">
  List of colors to use for the P\&L detail wheels. Specified in hex strings, i.e. `['#FF0000', '#00FF00', '#0000FF']`.
</ParamField>

<ParamField body="stringOverrides" type="object">
  Customize text and labels throughout the page.

  <Expandable>
    <ParamField body="title" type="string">
      Override the page title. Defaults to `'Accounting overview'`.
    </ParamField>

    <ParamField body="header" type="string">
      Override the header text.
    </ParamField>

    <ParamField body="profitAndLoss" type="object">
      <Expandable>
        <ParamField body="detailedCharts" type="object">
          <Expandable>
            <ParamField body="detailedChartStringOverrides" type="object">
              <Expandable>
                <ParamField body="expenseChartHeader" type="string">
                  Override the header for the expenses chart. Defaults to `'Expenses'`.
                </ParamField>

                <ParamField body="revenueChartHeader" type="string">
                  Override the header for the revenue chart. Defaults to `'Revenue'`.
                </ParamField>
              </Expandable>
            </ParamField>
          </Expandable>
        </ParamField>
      </Expandable>
    </ParamField>
  </Expandable>
</ParamField>

<ParamField body="slotProps" type="object">
  Control the behavior and appearance of slots within the layout.

  <Expandable>
    <ParamField body="profitAndLoss" type="object">
      <Expandable>
        <ParamField body="summaries" type="object">
          <Expandable>
            <ParamField body="variants" type="object">
              <Expandable>
                <ParamField body="size" type="enum">
                  The size of the summary cards.
                  Values can be: `sm` (default), `lg`
                </ParamField>
              </Expandable>
            </ParamField>
          </Expandable>
        </ParamField>
      </Expandable>
    </ParamField>
  </Expandable>
</ParamField>