Skip to main content

​
Connections

The Connections component is a React component used to render the supported connectors directly within in your application.

​
Props:

  • flows: boolean
    • If true, groups the icons by flows.
  • className: string (optional)
    • Overrides the default classes of the connections container.
  • filter: object (optional)
    • Allows for filtering to show specific connectors or flows.
    • connectors: Array<string> (optional)
      • An array of connector identifiers to filter.
    • flows: Array<string> (optional)
      • An array of flow identifiers to filter.

The flows prop determines if the connector components are grouped by flows

​
Example:

<Connections flows={true} className="my-custom-class" filter={{ connectors: ['salesforce'], flows: ['exampleFlow'] }}/>

The connections component opens directly the widget's connector pages