Payables
The Payables
component is a comprehensive React component that renders the entire Payables page. The component integrates the functionalities of the PayablesDetails
and PayablesTable
components, providing a complete experience throughout the Payables workflow. This component provides the ability to create new payables via uploads and supports searching, filtering, and pagination between these payables.
Permissions
To access this component, the entity user must have
read
permissions for thepayable
object. To create, edit, and delete payables, they must also havecreate
,update
, ordelete
permissions for thepayable
object. For more information, see List of permissions.
Preview
![`Payables` component preview.](https://files.readme.io/1ffe21b-Screenshot_2023-08-23_at_14.23.51.png)
Payables
component preview.
Usage
Bring in the Payables
component into your application as shown:
import { Payables } from "@monite/sdk-react"
// This component must be rendered within the MoniteProvider wrapper
const PayablesPage = () => {
return <Payables />;
};
Props
Prop | Type | Description |
---|---|---|
onSaved | function | This callback is triggered when the payable is saved. |
onCanceled | function | This callback is triggered when the payable is canceled. |
onSubmitted | function | This callback is triggered when the payable is submitted. |
onRejected | function | This callback is triggered when the payable is rejected. |
onApproved | function | This callback is triggered when the payable is approved. |
onPay | function | This callback is triggered when the user presses the Pay button. |
Updated 3 months ago