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
    );
  }}
/>

Combine apiCategories and shouldRenderConnector for even finer control over your integration selection logic.

Build your own integration UI with Rollout Link components Controlling Which Records Sync with Rollout

Overview

Getting Started

Features

Customization

Advanced

Security & Legal

Filtering which integrations you display

Show Only CRM Connectors

Show Only CRM and TMS Connectors

Show Only Specific Connectors

Show Connectors Supporting Specific Entity Actions

​Show Only CRM Connectors

​Show Only CRM and TMS Connectors

​Show Only Specific Connectors

​Show Connectors Supporting Specific Entity Actions

Show Only CRM Connectors

Show Only CRM and TMS Connectors

Show Only Specific Connectors

Show Connectors Supporting Specific Entity Actions