Feature List - Overview

Purpose

Feature List is a component, used to list multiple key points to help unpack a proposition. It is most often used in groups of three or four.

Anatomy

The Feature List can be broken down into the following elements -

This is a headline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id libero tortor.

Text Link

1. 1
2. 2
3. 3
4. 4

1. Image Placeholder component (optional)

   Image to support the headline and body copy messaging.

2. Headline content

   Text emphasising a key feature.

3. Body content (optional)

   Copy that supports the headline and provides more information to the user.

4. Text Link component (optional)

   An optional Text Link or a Button to call to action (CTA).

Variants & States

• Appearance: Default, Light
• Breakpoint: Mobile, Desktop
• Image: on/off
• Text Link: on/off

Mobile

Desktop