Skip to main content

​
Overview

The Invoice Form, which is also included within the Invoice Dashboard, is all you need to allow business owner-operators to create quotes and invoices, including:
  • Auto-complete line items
  • Reimbursement for expenses (including mark-ups)
  • Ability to bill for time tracked
  • Manual line item creation
  • Sales tax line items

​
Embedding the Invoice Form

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 Invoice Form:
InvoiceForm.tsx
import { InvoiceForm, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function InvForm({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <InvoiceForm id={"inv_12345"} />
      </Tight>
    )
}

​
Props

​
id
string
The invoice.id that belongs to the form you would like to render.