Workflow Node
ActionGmail · Send email
To{{customer.email}}
SubjectYour receipt is ready
Templatereceipt-v3
Configure
Single workflow step card with a kind-colored icon header (trigger, action, filter), the app/event label, configured field rows, and a configure footer.
The import and the props worth knowing about, in one place.
import { Automation2 } from "@/components/beste/piece/automation2";
<Automation2
surface="card"
bordered={true}
inverted={false}
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"
}
]}
/>
Vertical workflow with brand-colored app tiles connected by a thin rail, each row showing the step name and its app and config detail.
Posts a message in #revenue when a payment over $500 lands.
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.
Workflow filter card with an all/any segmented toggle and a stack of monospace field-operator-value condition rows plus an add-filter link.
Pause-step card with a dashed border, a tone-tinted timer tile, the wait duration, and a subtle continuation note.