ConnectorDetails Embeddable

The ConnectorDetails embeddable provides a straightforward, UI-based workflow for managing connector details. In addition, it lets you view key metadata, including the connector ID, who created the connector, and more.

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

connectorId

Add here the ID of the connector you want to display

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)

onConnectorUpdate

Runs after the user saved changes they made to the connector

onConnectorDelete

Runs after the user has deleted the connector

onClose

Runs when the user closes the modal

React

Angular

Vue

VanillaJS

<ConnectorDetails
    accessToken="ACCESS_TOKEN"
    connectorId="CONNECTOR_ID"
    settings={{
        i18nOverrides: {},
        language: "en",
        modal: boolean (default: true)
    }}
    onConnectorUpdate={({data}) => {
          // runs after the configuration of the connector was changed
        // data: connector object after update
    }}
    onConnectorDelete={({data}) => {
      // runs when the connector is deleted via "Delete" button
      // data: deleted connector object
    }}
    onClose={() => {
        // runs when the user closes the modal
    }}
/>