`<ContentCta>` Component

A flexible call-to-action component used in a variety of places on HashiCorp websites

<ContentCta
  product="terraform"
  heading="My Custom Heading"
  content="Compare Terraform Cloud and Terraform Enterprise features to find the best fit for your organization."
  links={[
    {
      title: 'Compare Features',
      url: 'example.com',
    },
    {
      title: 'Contact Sales',
      url: 'example.com',
    },
  ]}
/>

<ContentCta
  product="terraform"
  heading="My Custom Heading"
  content="Compare Terraform Cloud and Terraform Enterprise features to find the best fit for your organization."
  links={[
    {
      title: 'Compare Features',
      url: 'example.com',
    },
    {
      title: 'Contact Sales',
      url: 'example.com',
    },
  ]}
/>

Where it's used

Latest:3.1.5

Search with

Releases

Latest:3.1.5

registry.npmjs.org

0.x.x

Loading 0.x.x releases...

1.x.x

Loading 1.x.x releases...

2.x.x

Loading 2.x.x releases...

3.x.x

Loading 3.x.x releases...

Props

Name	Description
`heading*` string
`content*` string\|function
`product` string	A lower-case product identifier to pull in respective theme colors. The default is hashicorp blue. Options: `"hashicorp"`, `"boundary"`, `"consul"`, `"nomad"`, `"packer"`, `"terraform"`, `"vault"`, `"vagrant"`, `"waypoint"`
`className` string	Optional className to add to the root element
`links` array	Array members must be of the type below:
`links[x]` object	Object contains nested props, see below:
`links[x].url` string	link url
`links[x].text` string	link text

<ContentCta> Component

Code Editor

Where it's used

Releases

Props

`<ContentCta>` Component