Pipeline Run

About this piece

Each step runs, then a packet crosses the connector and fills it behind itself before the next step lights up, ending in a full row of checks.

Usage

The import and the props worth knowing about, in one place.

import { Automation21 } from "@/components/beste/piece/automation21";

<Automation21
  steps={[
    {
      "label": "Webhook",
      "icon": "webhook"
    },
    {
      "label": "Filter",
      "icon": "filter"
    },
    {
      "label": "Enrich",
      "icon": "sparkles"
    },
    {
      "label": "Notify",
      "icon": "send"
    }
  ]}
  tone="primary"
/>