The React documentation for this component can be read from Storybook (link here)

Feature list

Use to highlight and sell our features to prospects in a scannable and easy to digest manner.

Description

This component fills all the space available and will wrap to form columns in tighter spaces.

To use the feature list inside the Hero Sidekick, add the class hero-sidekick__content-grid on the Feature List ul tag. A maximum of 5 items are allowed in the Feature List when combining with the Hero Sidekick.

Activate Sass component

In order to have the styling of this component available, you need to include it in your project. After including the Radius library in your main ./index.scss file, add this snippet:

@include radius-component-feature-list;

Link to Abstract/Sketch file

Download Sketch / Abstract file

Usage

Usage example

Default

  • Unsecured from £5,000.00 and Secured up to £350,000.00
  • Rates from 4.9% until 25.9%
  • Unsecured up to 123
  • Rates from 4.9%
  • Decision in at least 24 hours from the original request
  • No early repayment fees

Modifier classes

  • Unsecured from £5,000.00 and Secured up to £350,000.00
  • Rates from 4.9% until 25.9%
  • Unsecured up to 123
  • Rates from 4.9%
  • Decision in at least 24 hours from the original request
  • No early repayment fees

Hero Sidekick Example with TrustPilot

  • Unsecured loans £5k – £500k
  • Borrow over 6 mths – 5 yrs
  • Rates from 4.9% per year
  • Get a decision typically in 24hrs

Hero Sidekick Example Simple

  • Unsecured loans £5k – £500k
  • Borrow over 6 mths – 5 yrs
  • Rates from 4.9% per year
  • Rates from 4.9% per year
  • Get a decision typically in 24hrs