Filtering which integrations you display

You can control which connectors are displayed in the CredentialsManager by using the apiCategories and shouldRenderConnector props. This allows you to tailor the integrations UI to your users’ specific needs and use cases.

Show Only CRM Connectors

Render only connectors with some CRM functionality:

<CredentialsManager apiCategories={{ crm: true }} />

Show Only CRM and TMS Connectors

<CredentialsManager apiCategories={{ crm: true, tms: true }} />

Show Only Specific Connectors

<CredentialsManager
  shouldRenderConnector={(connector) =>
    ["brivity", "lofty"].includes(connector.appKey)
  }
/>

Show Connectors Supporting Specific Entity Actions

<CredentialsManager
  shouldRenderConnector={(connector) =>
    connector.entities.crm?.people?.create === true
  }
/>

Or, to show only connectors that support updating users in any API category:

<CredentialsManager
  shouldRenderConnector={(connector) => {
    return Object.values(connector.entities).some(
      (category) => category?.users?.update === true
    );
  }}
/>