<SteppedFeatureList>
ComponentThe <SteppedFeatureList />
component renders a stepped list (on larger breakpoints) and a carousel (on mobile/tablet breakpoints) to navigate through
a list of features.
<SteppedFeatureListfeatures={[{title: 'Feature 1',description:'Lorem ipsum dolor sit amet, consectetur adipiscing elit. ',learnMoreLink: '/',content: (<imgsrc="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: (<imgsrc="https://via.placeholder.com/600/000000/FFFFFF?text=Feature 2"alt="Feature 2"/>),}]}/>
Name | Description |
---|---|
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) |