Trigger Picker

Search trigger apps
About this piece

Trigger Picker

App picker with a search input and a four-up grid of app tiles showing logo and name.

Usage

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

import { Automation11 } from "@/components/beste/piece/automation11";

<Automation11
  surface="card"
  bordered={false}
  inverted={false}
  placeholder="Search trigger apps"
  apps={[
    {
      "src": "https://oud.pics/sm/l/stripe.jpeg",
      "alt": "Stripe"
    },
    {
      "src": "https://oud.pics/sm/l/gmail.jpeg",
      "alt": "Gmail"
    },
    {
      "src": "https://oud.pics/sm/l/slack.svg",
      "alt": "Slack"
    },
    {
      "src": "https://oud.pics/sm/l/notion.png",
      "alt": "Notion"
    }
  ]}
/>

More Automation pieces

View all Automation
  1. Stripe
    New payment received
  2. Gmail
    Send welcome email
  3. Slack
    Notify #revenue
Stripe
WhenStripe
Payment received
Slack
ThenSlack
Send #revenue alert
Stripe
Stripe → Slack revenue alerts

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

Stripe
Notion
Slack
Sync paid invoices to Notion and ping Slack

Triggers on Stripe payment, logs the invoice in Notion, and posts a thread to #revenue.

Send refund to Atlas LabsNils Frahm
$2,840.00
Available variables
Trigger
{{event.type}}{{event.created_at}}
Customer
{{customer.email}}{{customer.name}}