Components
Trigger to Action
A two-step automation recipe card that stacks a "When" trigger row and a "Then" action row connected by a downward arrow, each with a brand-colored app icon tile and event label.
import { Automation1 } from "@/components/ui/automation1";
export default function Default() {
return (
<Automation1
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",
}}
/>
);
}