Workflow Node

Single workflow step card with a kind-colored icon header (trigger, action, filter), the app/event label, configured field rows, and a configure footer.

Gmail
ActionGmail · Send email
To{{customer.email}}
SubjectYour receipt is ready
Templatereceipt-v3
Configure

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Automation2 } from "@/components/beste/piece/automation2";

<Automation2
  kind="Action"
  app="Gmail"
  event="Send email"
  image="https://oud.pics/sm/l/gmail.jpeg"
  alt="Gmail"
  configureLabel="Configure"
  fields={[
    {
      "label": "To",
      "value": "{{customer.email}}"
    },
    {
      "label": "Subject",
      "value": "Your receipt is ready"
    },
    {
      "label": "Template",
      "value": "receipt-v3"
    }
  ]}
/>