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.
  • hideBackButtons: boolean (optional)
    • If true, hides back navigation buttons during the connection flow. See hideBackButtons for all supported surfaces.
  • 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:

The connections component opens directly the widget's connector pages