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={() => {
}}
/>