CTA
A focused call-to-action block pairing one decision with the context and social proof needed to act.
Added in v2.5.0 · import from "@borneo/react"
Live previewPermalink to this section
This is the production component using the active theme and component contracts.
Subscribe to Our Community
Get exclusive access to cutting-edge tech insights, industry trends, and expert advice delivered straight to your inbox. Join our growing community today!
AnatomyPermalink to this section
Every visible part has one job and a clear requirement.
| Part | Requirement | Purpose |
|---|---|---|
| Eyebrow | Optional | Short context that frames the offer. |
| Heading | Required | States the outcome, not the interface action. |
| Description | Optional | Answers the most important hesitation. |
| Action | Required | One button, link, or compact form that completes the CTA. |
| Supporting content | Optional | Trust signal such as a member avatar group and concise proof point. |
Variants and statesPermalink to this section
Choose a variant for meaning or layout need, never decoration alone.
| Variant | Use |
|---|---|
| Plain | A raised neutral surface inside product or documentation content. |
| Brand | A high-emphasis ending for marketing and onboarding flows. |
| Centered | For a standalone decision with no adjacent content. |