Cards

.m-card

Overview

Description

Used to house content like articles or product previews. Useful in a grid layouts to show large amounts of content in an organized way.

Best Practices

Descriptions/Body copy should be about 130 characters.
Try to make Descriptions/Body copy no more than 3 lines.
When grouped with other panels, try and maintain consistent content structure—same amount of text, image styles, icon styles, etc.

Schema

Name	Description	Type	Default Value	Option(s)
attributes	A Drupal-style attributes object with extra attributes to append to this component.	`object`	-	`any`
card.modifier_classes	Specifies modifier classes. All class names should follow the ABEM methodology.	`string`	-	`any`
card.heading	The heading of the card	`string`	-	`any`
card.heading.level	The heading level of the card heading	`string`	`h3`	`h1` `h2` `h3` `h4` `h5`
card.heading.modifier_classes	Specifies modifier classes for the heading. All class names should follow the ABEM methodology.	`string`	`m-card__heading`	`any`
card.summary	Summary text.	`string`	-	`any`