Variable Chips

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

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

New here? Read the installation guide.

Import & use
import { Automation20 } from "@/components/beste/piece/automation20";

<Automation20
  heading="Available variables"
  groups={[
    {
      "label": "Trigger",
      "variables": [
        "event.id",
        "event.type",
        "event.created_at"
      ]
    },
    {
      "label": "Customer",
      "variables": [
        "customer.email",
        "customer.name",
        "customer.plan"
      ]
    },
    {
      "label": "Order",
      "variables": [
        "order.total",
        "order.currency"
      ]
    }
  ]}
/>

More Automation pieces

View all Automation
Stripe
WhenStripe
Payment received
Slack
ThenSlack
Send #revenue alert

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.

Every Monday at 9:00 AM0 9 * * 1
Next run in 2 days, 14hEurope/Istanbul

Schedule Chip

Cron-based schedule card with a sky repeat tile, human-readable cadence, monospace cron expression, next run countdown, and timezone.

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.

For each itemitems[]
3 / 28
current·ada@beste.co

Loop Iterator

For-each loop card with a tone repeat tile, source expression, current/total counter, tone progress bar, and a sample value from the current iteration.

Only run if
allany
  • statusis"paid"
  • amount>100
  • currencyis"USD"

Filter Conditions

Workflow filter card with an all/any segmented toggle and a stack of monospace field-operator-value condition rows plus an add-filter link.

Wait 15 minutesThen continue to the next step

Delay Step

Pause-step card with a dashed border, a tone-tinted timer tile, the wait duration, and a subtle continuation note.