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

# Invoice Form

> Create and edit invoices for your business

## Overview

The Invoice Form, which is also included within the [Invoice Dashboard](/embeddable-ui/react/invoicing/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](/embeddable-ui/react/patterns/embedding).

Below is an example embedding of the Invoice Form:

```TSX InvoiceForm.tsx theme={null}
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

<ParamField body={"id"} type={"string"}>
  The `invoice.id` that belongs to the form you would like to render.
</ParamField>