CTA Banner
Call-to-action banner with a soft glow and dotted pattern, centered or left aligned.
Copy a prompt for your AI coding tool with the source, dependencies and usage
Props
CtaBannerProps
Also accepts all props of Omit<React.ComponentProps<"section">, "title">
| Prop | Type | Default | Description |
|---|---|---|---|
| title* required | React.ReactNode | — | — |
| description | React.ReactNode | — | — |
| primaryAction* required | Action | — | — |
| secondaryAction | Action | — | — |
| glowColor | string | "#f97316" | Color of the glow behind the banner |
| showPattern | boolean | true | Dotted pattern over the banner |
| align | "center" | "left" | "center" | — |
Install
$ npx shadcn@latest add https://chromotion.dev/r/cta-banner.jsonThe CLI installs the base component; your customizations live in the code generated on the Customize tab.