Skip to main content

​
Overview

Tight’s Transaction Form Embedded experience makes it easy for you to direct a user or accountant to a specific transaction for review. This serves as a simple way to have your users or their accountant interact with and update their transactions in the Tight API.

​
Embedding the Transaction 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 Transaction Form:
Form.tsx
import { TransactionForm, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function Form({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <TransactionForm id={"btxn_12345"} />
      </Tight>
    )
}

​
Props

​
id
string
The bankTransaction.id that belongs to the form you would like to render. The form will automatically render the correct fields for the bank transaction.
​
onClose
function
The onClose function is called anytime the user closes the form. This indicates that the <TransactionForm> can safely be removed from the component tree.