Search sites, categories, sections, or styles.
| Prop | Type | Description |
|---|---|---|
eyebrow | string | Badge text. Default: "automations". |
title | ReactNode | Heading. Default: "One-click automation". |
description | ReactNode | Balanced supporting copy; replaced by the selected app description. |
actionLabel | string | CTA label. Default: "Book a demo". |
onAction | () => void | Optional click handler. Unset in the preview, so clicking performs no action. |
integrations | AutomationCtaIntegration[] | First eight apps with unique IDs. Defaults to DEFAULT_AUTOMATION_INTEGRATIONS. |
onIntegrationSelect | (integration: AutomationCtaIntegration | null) => void | Selected app, or null when cleared. |
animated | boolean | Enable trails, drift, and spatial motion. Default: true. Respects reduced motion. |
className | string | Section classes. |
contentClassName | string | Center content classes. |
buttonClassName | string | Extra classes on the default-size, default-blue Confirm Button. |
| Prop | Type | Description |
|---|---|---|
id | string | Unique app identity. |
name | string | Accessible app name and badge label. |
icon | string | Public image URL or path in public/. |
description | string | Copy displayed when the app is selected. |
| Prop | Type | Description |
|---|---|---|
variant | "default" | "primary" | "secondary" | Color palette. The block uses default. |
colors | ConfirmButtonColors | Optional custom palette override. |
showShortcut | boolean | Show the shortcut badge. Default: true. |
shortcut | string | Optional key binding. The main CTA does not register one. |
shortcutIcon | ReactNode | Badge icon when no shortcut is set. Default: return arrow. |
shortcutLabel | string | Accessible badge label. Defaults to the key hint. |
children | ReactNode | Button content. Default: "Confirm". |
ref | React.Ref<HTMLButtonElement> | Forwarded button ref. |
...buttonProps | React.ComponentPropsWithoutRef<"button"> | Native button props, including onClick, disabled, className, and style. |
| Prop | Type | Description |
|---|---|---|
from | string | Gradient start CSS color. |
to | string | Gradient end CSS color. |
foreground | string | Text CSS color. |
border | string | Optional border CSS color; derived when omitted. |