ReceivablesTable

ReceivablesTable is a React component that displays all accounts receivable documents - invoices, quotes, and credit notes - created by an entity. The component supports searching, filtering, and pagination between different receivables.

Preview

Usage

Use in the ReceivablesTable component in your application as shown:

import { ReceivablesTable } from "@monite/sdk-react";

...

// This component must be rendered within the MoniteProvider wrapper
const ReceivablesTablePage = () => {
  return <ReceivablesTable />
};

Props

Prop	Type	Description
`onRowClick`	`function`	This callback takes the identifier of the clicked row as a parameter and is triggered when a receivables table row is clicked.
`onTabChange`	`function`	This callback is triggered any time the component's tab is changed.
`tab`	`("0"\| "1" \| "2")`	This prop determines the currently active tab on the `ReceivablesTable` component. Each value represents either "Quotes", "Invoices", or "Credit notes" tabs.