Invoice Form

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

string

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

Invoice Dashboard

Customer-facing Invoice

⌘I

Get Started

React Components

React Native Components

Plain Javascript

Full End-to-end App

Overview

Embedding the Invoice Form

Props

​Overview

​Embedding the Invoice Form

​Props

Overview

Embedding the Invoice Form

Props