Grouped Content

COMPONENTS : Collapsed
TEMPLATES : Collapsed
EXAMPLES : Collapsed
Critical Health Alert: Coronavirus Update for Employees and Suppliers

Click here for more.

Critical Health Alert

Coronavirus Update for Employees and Suppliers click here to learn more

Grouped Content

This component provides an option to display 3 or more Content Cards with or without CTA.

Content with two Cards and no Icons

Max 50 Characters, Lorem ipsum dolor dolor

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit

Action

Card 1: Max 75 Characters, Lorem ipsum dolor sit amet, consetetur sadipscin

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

Card : 2 Max 75 Characters Lorem ipsum dolor sit amet, consetet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

Content with more than three Cards and Icons

Max 50 Characters, Lorem ipsum dolor dolor

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit

Action

Card 1: Max 75 Characters, Lorem ipsum dolor sit amet, consetetur sadipscin

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

Card : 2 Max 75 Characters Lorem ipsum dolor sit amet, consetet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

Card : 3 Max 75 Characters Lorem ipsum dolor sit amet, consetet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

Card : 4 Max 75 Characters Lorem ipsum dolor sit amet, consetet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

Features

  • Component comprise of: 
  • Heading 
  • Body
  • CTA Button 
  • Icon
  • Layouts Types
  • Icon
  • Card Header
  • Card body
  • Card CTA

Variations

  • When there are less than 3 cards the content is displayed in 2 columns, and when there are more than 3 cards the content is displayed in 3 coloumns
  • CTA button can be enabled/disabled for both main content and card content
  • The icon for the Cards can be enabled/disabled.