Skip to content
Starlight Marketing Components

CTA

A CTA component.

Props

Section titled “Props”

title (required)

Section titled “title (required)”

type: string

The main title.

description (required)

Section titled “description (required)”

type: string

The description text.

primaryCta (required)

Section titled “primaryCta (required)”

type: object

The primary call-to-action button.

Properties:

  • title (string, required): The button text
  • href (string, required): The URL the button links to

secondaryCta (required)

Section titled “secondaryCta (required)”

type: object

The secondary call-to-action button.

Properties:

  • title (string, required): The button text
  • href (string, required): The URL the button links to

Example

Section titled “Example”
import { Cta } from "@dlcastillop/starlight-marketing-components";


<Cta
  title="Build exceptional docs, faster"
  description="Less boilerplate, more functionality. Battle-tested, accessible, and optimized components out of the box."
  primaryCta={{
    title: "Get Started",
    href: "/docs/getting-started",
  }}
  secondaryCta={{
    title: "More developer tools",
    href: "https://dlcastillop.lemonsqueezy.com",
  }}
/>