Skip to main content
Our new developer certification is live!

Cta

Call-to-action component that renders a button-styled link.

Props

PropTypeRequiredDefaultDescription
linkLinkYes-Link object with href and title
variantstring | ButtonVariantNo'PrimaryFillButton'Button variant to use
$CSLPFieldMappingNo-CSLP mapping for editable fields

Usage

import Cta from '@/components/molecules/Cta';

<Cta 
  link={{
    href: "/signup",
    title: "Get Started"
  }}
  variant="PrimaryFillButton"
/>

Features

  • Renders as a Next.js Link component
  • Uses button styling from the Button component system
  • Supports CSLP for live preview editing
  • Returns null if no link is provided

Notes

  • If variant is not a valid ButtonVariant string, defaults to 'PrimaryFillButton'
  • Uses buttonVariants utility internally for styling