BlueprintsManager

Description#

This component allows an end user to enable, disable and configure available blueprints.

Import#

import { BlueprintsManager } from "@rollout/connect-react";

Usage#

Here's a basic usage example:

const firstBlueprint = {
  blueprintKey: "SAMPLE",
  name: "sample blueprint",
  prefilled: {
    action: {
      appKey: "gmail",
      actionKey: "send-email",
      inputParams: {
        to: "[email protected]",
        subject: "{{task_name}}",
      },
    },
    trigger: { appKey: "admin", triggerKey: "task-completed" },
  },
};
const secondBlueprint = {
  blueprintKey: "OTHER_SAMPLE",
  name: "another blueprint",
  prefilled: {
    action: {
      appKey: "dropbox",
      actionKey: "upload-file",
    },
    trigger: { appKey: "admin", triggerKey: "task-completed" },
  },
};
return <BlueprintsManager blueprints={[firstBlueprint, secondBlueprint]} />;

It will look like this when rendered:


We can then click into one of these to see the underlying Blueprint Enabler