Skip to main content

​
Overview

Tight’s Report Dashboard is a full-featured embedded experience (including all drill-down rows) for everything related to reports; all you need to do is add a “Reports” item to your product’s navigation.

​
Embedding the Report Dashboard

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 Report Dashboard:
Reports.tsx
import { ReportDashboard, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function Reports({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <ReportDashboard />
      </Tight>
    )
}

​
Props

​
reports
string[]
The set of reports to show on the dashboard.Available options: AGED_ACCOUNTS_PAYABLE, AGED_ACCOUNTS_RECEIVABLE, BALANCE_SHEET, CASH_FLOW, EXPENSES_BY_CATEGORY, EXPENSES_BY_VENDOR, PROFIT_AND_LOSS, FORM_1040_SCHEDULE_C, FORM_1065, FORM_1120S, FORM_1120, T2125, TAX_SUMMARY, TRIAL_BALANCE`,
​
showReportSections
boolean
If you prefer for the list of reports to not be broken into sections, you can set showReportSections to false.