Inline CTA
In-page call-to-action card for upgrades, email capture, receipts, and plan changes. Multiple type variants.
import
{ InlineCta } from "@pepulux/ui"Actions type
Upgrade your plan
Get access to all features with a Pro plan.
Email capture
Stay in the loop
Get product updates and announcements.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| type | "image" | "actions" | "email-field" | "change-plan" | "upgrade-plan" | "payment-method" | "receipt" | "actions" | Content layout variant |
| title | string | — | CTA heading |
| description | string | — | Supporting text |
| primaryAction | { label, onClick } | — | Primary button |
| secondaryAction | { label, onClick } | — | Secondary button or link |
| emailPlaceholder | string | — | Input placeholder (email-field type) |
| onEmailSubscribe | (email: string) => void | — | Called when email is submitted |