/

<ProductFeaturesList> Component

Share
Code Editor
<ProductFeaturesList

  heading='Why Nomad?'

  features={[

    {

      title: 'Simple and Lightweight',

      content:

        'Single 35MB binary that integrates into existing infrastructure.  Easy to operate on-prem or in the cloud with minimal overhead.',

      icon: 'http://www.hashicorp.com/img/icons/home-solution-nomad.svg',

    }, {

      title: 'Flexible Workload Support',

      content:

        'Orchestrate applications of any type - not just containers. First class support for Docker, Windows, Java, VMs, and more.',

      icon: 'http://www.hashicorp.com/img/icons/home-solution-nomad.svg',

    }

  ]}

/>

Where it's used

Latest:5.0.2
Search with

Releases

Latest:5.0.2
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...
4.x.x
Loading 4.x.x releases...
5.x.x
Loading 5.x.x releases...

Props

NameDescription
heading
string
Header for the list
className
string
Optional className to add to the root element
features
array
An array detailing each of the features - the icon should be a url
Array members must be of the type below:
features[x]
object
Object contains nested props, see below:
features[x].title
string
name of the feature
features[x].content
string
description of the feature, html not accepted
features[x].icon
string
an icon displayed above the feature, piped in to the src of an image element
features[x].link
object
a button intended to link to more information about the feature
Object contains nested props, see below:
features[x].link.type
string
link type
Options: "internal", "external", "anchor"
features[x].link.text
string
link text
features[x].link.url
string
link url