<NextSteps> Component<><NextStepsheading="Next steps"description="Cras ullamcorper duis nunc velit commodo etiam. Auctor tincidunt pellentesque ullamcorper nisi integer."cta={{copy: "Ready to speak with our sales team?",href: "https://www.hashicorp.com",ctaText: "Contact us"}}steps={[{heading: 'Heading',description: 'Sub-heading',badge: 'Beta',cta: {title: 'Step link',url: '/'}},{heading: 'Heading',description: 'Sub-heading',cta: {title: 'Step link',url: '/'}},{heading: 'Heading',description: 'Sub-heading',cta: {title: 'Step link',url: '/'}},]}/></>
Light theme
Cras ullamcorper duis nunc velit commodo etiam. Auctor tincidunt pellentesque ullamcorper nisi integer.
Ready to speak with our sales team?
Contact usDark theme
Cras ullamcorper duis nunc velit commodo etiam. Auctor tincidunt pellentesque ullamcorper nisi integer.
Ready to speak with our sales team?
Contact usOptional Badge
Cras ullamcorper duis nunc velit commodo etiam. Auctor tincidunt pellentesque ullamcorper nisi integer.
Ready to speak with our sales team?
Contact us| Name | Description |
|---|---|
appearancestring | Render NextSteps on light or dark background. |
themestring | Optional theme which controls the primary step color. |
heading*string | The heading for the section. |
description*string | The description for the section. |
ctaobject | Optional CTA displayed below the tiles. Object contains nested props, see below: |
cta.copystring | The description copy prior to the CTA. |
cta.hrefstring | The url of the CTA. |
cta.ctaTextstring | The text of the CTA. |
steps*object | The list of steps to display as tiles. Object contains nested props, see below: |
steps.heading*string | The heading for the step. |
steps.badgestring | Optional badge. Limit to one word. |
steps.descriptionstring | The description for the step. |
steps.cta*object | Object contains nested props, see below: |
steps.cta.title*string | The title of the cta. |
steps.cta.url*string | The url of the cta. |