Workflow Steps
New payment received
Send welcome email
Notify #revenue
Vertical workflow with app tiles connected by a thin rail, each row showing the step name.
The import and the props worth knowing about, in one place.
import { Automation7 } from "@/components/beste/piece/automation7";
<Automation7
surface="card"
bordered={false}
inverted={false}
steps={[
{
"image": "https://oud.pics/sm/l/stripe.jpeg",
"alt": "Stripe",
"label": "New payment received"
},
{
"image": "https://oud.pics/sm/l/gmail.jpeg",
"alt": "Gmail",
"label": "Send welcome email"
},
{
"image": "https://oud.pics/sm/l/slack.svg",
"alt": "Slack",
"label": "Notify #revenue"
}
]}
/>