<SteppedFeatureList> Component

The <SteppedFeatureList /> component renders a stepped list (on larger breakpoints) and a carousel (on mobile/tablet breakpoints) to navigate through a list of features.

Share
Code Editor
<SteppedFeatureList
features={[
{
title: 'Feature 1',
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',
learnMoreLink: '/',
content: (
<img
src="https://via.placeholder.com/600/000000/FFFFFF?text=Feature 1"
alt="Feature 1"
/>
),
},
{
title: 'Feature 2',
description:
'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc a vestibulum mi.',
content: (
<img
src="https://via.placeholder.com/600/000000/FFFFFF?text=Feature 2"
alt="Feature 2"
/>
),
}
]}
/>

Where it's used

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
features*
array
Features that get rendered in each stepped slide
Array members must be of the type below:
features[x]
object
Object contains nested props, see below:
features[x].title*
string
Title of the feature
features[x].description*
string
Description of the feature
features[x].learnMoreLink
string
Link to learn more about the feature
features[x].content*
React.Element
The primary content that is shown on the right (on web) or below the description (on mobile)