BehaveRespectfully LookDistinctly MovePurposefully SpeakAuthentically ThinkSimply heart_icon

Grouped List

Overview

Leverage grouped list componenet when you want to display multiple blocks of information which can be grouped together with comman summary.

click here to preview all variations of this component please.

Grouped List Variations

Feature Overview

  • • Optional CTA button for summary
  • • Mirror layout option
  • • Light and dark background color option
  • • Optional CTA text link
  • • Optional icon

Dark Background

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Light Background

Desktop, tablet and mobile views shown for illustrative purposes:

button allignment
button allignment
button allignment

Download