For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
API StatusPartner Portal
HomeGuidesAPI ExplorerSDKsGitHubSupport
HomeGuidesAPI ExplorerSDKsGitHubSupport
  • Monite SDK
    • Overview
  • Drop-in
    • Drop-in overview
    • Drop-in theming
    • Drop-in localization
    • Iframe App
  • React SDK
    • Overview
      • Overview
      • ApprovalPolicies
      • ApprovalPoliciesTable
      • ApprovalPolicyDetails
      • ApprovalRequests
      • ApprovalRequestsTable
      • CounterpartDetails
      • Counterparts
      • CounterpartsTable
      • CreditNotesTable
      • DocumentNumber
      • InvoiceDetails
      • InvoicesTable
      • LayoutAndLogo
      • Onboarding
      • OtherSettings
      • PayableDetails
      • Payables
      • PayablesTable
      • ProductDetails
      • Products
      • ProductsTable
      • QuotesTable
      • Receivables
      • ReceivablesTable
      • RolesAndPolicies
      • TagFormModal
      • Tags
      • TagsTable
      • TemplateSettings
      • UserRoleDetails
      • UserRoles
      • UserRolesTable
    • SDK customization
    • SDK localization
    • SDK theming
    • SDK releases
    • v4 migration guide
LogoLogo
API StatusPartner Portal
On this page
  • Overview
  • Permissions
  • Preview
  • Usage
React SDKComponents and wrappers

Counterparts component

Was this page helpful?
Previous

CounterpartsTable component

Next
Built with

Overview

The Counterparts component is a comprehensive React component that renders the entire Counterparts page. The component integrates the functionalities of the CounterpartsDetails and CounterpartsTable components, providing a complete experience throughout the Counterparts workflow. This component provides the ability to create new counterparts and supports searching, filtering, and pagination between these counterparts.

Permissions

To access this component, the entity user must have read permissions for the counterpart object. To create, edit, and delete counterparts, they must also have create, update, or delete permissions for the counterpart object. For more information, see List of permissions.

Preview

Counterparts component preview
Counterparts component preview

Usage

Bring in the Counterparts component into your application as shown:

React.js
1import { Counterparts } from "@monite/sdk-react"
2
3...
4
5// TODO: This component must be rendered within the MoniteProvider wrapper
6const CounterpartsPage = () => {
7 return <Counterparts />
8};