App picker with a search input and a four-up grid of app tiles showing logo and name.
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"
}
]}
/>