(m)Cards

< Pattern Library

Overview

Module cards are built up with elements and components to create an encompassing informative space that can be used in multiple places on a page.

Use of this pattern

• The default card module should always be set to collapsed primarily on a mobile with an indication to expand with more information.
• A card module can be primarily expanded on desktop or mobile if development allows.
• Card modules can have a primary and secondary CTA buttons.

How it works

• Card modules give the user certain information and can either allow them to click through to further information or not.

Research on this pattern

Related patterns

Other