Skip to main content

CreateConnector Embeddable

The CreateConnector embeddable provides a simple, UI-based way to set up new connectors for your pipelines. You can create both input and output connectors — letting your pipelines receive data from your or your customer's system or send data to it.

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

configuration

The configuration determines if certain settings, such as name or the type of connector users can create, are already set.

name

The name of the new connector

type

The types of connectors users can create. If null users can create input and output connectors. If set to "input" users can only create input connectors. If set to "output" users can only create output connectors.

settings

i18nOverrides

Allows you to override each text element in the interface

language

Defines the language of the flow. So far we only support English ("en")

modal

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

allowedInputConnectors

Defines which input connectors users can create. If the array is empty all types of connectors can be created. Add the following options to the array to restrict the types of connectors users can create:

  • "HTTPS"
  • "FTP"
  • "EMAIL"
  • "S3"
  • "AZURE"
  • "GCS"

allowedOutputConnectors

Defines which output connectors users can create. If the array is empty all types of connectors can be created. Add the following options to the array to restrict the types of connectors users can create:

  • "HTTPS"
  • "FTP"
  • "EMAIL"
  • "S3"
  • "AZURE"
  • "GCS"

onConnectorCreate

Runs after the user has confirmed the final step of the flow to create a connector

onClose

Runs when the user trys to close the modal by using the "X" button or clicking outside the modal

Component

<CreateConnector
accessToken=string
configuration={{
name: string, (default: null),
type: null | "input" | "output" (default: null)
}}
settings={{
i18nOverrides: {},
language: "en",
modal: boolean (default: true),
allowedInputConnectors: [], (default: ["HTTP", "FTP", "EMAIL", "S3", "AZURE", "GCS"]),
allowedOutputConnectors: [] (default: ["HTTP", "FTP", "EMAIL", "S3", "AZURE", "GCS""])
}}
onConnectorCreate={({data}) => {
//data: is the connector object after creation
}}
onClose={() => {

}}
/>