ConnectorList Embeddable

The ConnectorList embeddable provides an easy-to-implement, UI-driven interface that gives you a clear overview of all connectors in your organization and its sub-organizations. You can quickly see how many connectors were created, who created them, and whether they are shared with sub-organizations.

Configure the component based on your specific use case

Add the code snippet below and insert the component on the page where you want it to appear:

Fields

accessToken

Add here your access token

settings

i18nOverrides

Allows you to override each text element in the interface

language

Defines the language of the embeddable (so far we only support English ("en"))

modal

Defines whether the component is shown inline (false) or within a modal view (true)

allowConnectorCreation

Defines whether the "Create connector" button is shown

onConnectorView

Runs when the user clicks on a connector. When defined, each connector entry in the list shows a chevron on the right side that triggers this hook when clicked.

onConnectorCreate

Runs when the user clicks on the "Create connector" button

onClose

Runs when the user exits the modal

React

Angular

Vue

VanillaJS

<ConnectorList
    accessToken=string
    settings={{
        i18nOverrides: {}
        language: "en"
        modal: boolean (default: true)
        allowConnectorCreation: boolean (default: false)
    }}
    onConnectorView={({data}) => {
        // runs when the user clicks on a connector
        // data: connector object of the selected connector
    }}
    onConnectorCreate={() => {
        // runs when the user clicks the "Create connector" button
    }}
    onClose={() => {
        // runs when the user closes the modal
    }}
/>