/

<ContentCta> Component

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

Share
Code Editor
<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:4.0.1
Search with

Releases

Latest:4.0.1
registry.npmjs.org
[object Object]
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...
4.x.x
Loading 4.x.x releases...

Props

NameDescription
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