Trigger to Action

Stripe
WhenStripe
Payment received
Slack
ThenSlack
Send #revenue alert
About this piece

Trigger to Action

Two-step recipe stacked vertically with a When trigger row, a downward arrow connector, and a Then action row, each with a brand-colored icon tile and event label.

Usage

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

import { Automation1 } from "@/components/beste/piece/automation1";

<Automation1
  surface="card"
  bordered={true}
  inverted={false}
  triggerLabel="When"
  actionLabel="Then"
  trigger={{
    "src": "https://oud.pics/sm/l/stripe.jpeg",
    "alt": "Stripe",
    "event": "Payment received"
  }}
  action={{
    "src": "https://oud.pics/sm/l/slack.svg",
    "alt": "Slack",
    "event": "Send #revenue alert"
  }}
/>

More Automation pieces

View all Automation
Workflow
  1. Stripe
    New payment receivedStripe · over $100
  2. Gmail
    Send welcome emailGmail · template:onboarding
  3. Notion
    Create CRM pageNotion · DB:Leads
  4. Slack
    Notify #revenueSlack · with link

Workflow Steps

Vertical workflow with brand-colored app tiles connected by a thin rail, each row showing the step name and its app and config detail.

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

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.

Available variables
Trigger
{{event.id}}{{event.type}}{{event.created_at}}
Customer
{{customer.email}}{{customer.name}}{{customer.plan}}
Order
{{order.total}}{{order.currency}}

Variable Chips

Autocomplete variables card grouped by source (Trigger, Customer, Order) with monospaced handlebars-wrapped violet chips for each path.

Stripe
Stripe → Slack revenue alerts

Posts a message in #revenue when a payment over $500 lands.

Active28 runs today

Workflow Toggle

Workflow row card with a zap icon, name, description, and a tone-colored on/off switch on the right plus an active/paused label and runs-today count.

Search trigger apps⌘K
Popular

Trigger Picker

App picker with a search input, Popular section header, and a four-up grid of app tiles showing logo photo and name.

Waiting for approval
Send refund to Atlas LabsRequested by Ada Lovelace · 3m ago
$2,840.00

Approval Gate

Human-in-the-loop step with an amber shield header, requester avatar, action title, amount, and side-by-side Deny outline and tone Approve buttons.