Taxonomic name: M-CARD-CONFIRMATION
Added on: v2023.01 (21/04/23)
Updated on: v2023.01 (21/04/23)

Confirmation cards

Confirmation cards are used to display...

Design and usage

Examples

Interactive example

Code example

<div class="m-card m-card-confirmation [ Modifiers ]" role="status">
	<div class="m-card-content">
		<div class="m-card-content__inner">
			<h2 class="a-heading a-heading--2 a-heading--semibold">...</h2>
			<p>...</p>
			...
		</div>
	</div>
	<div class="m-card-image">
		<img src="..." decoding="async" aria-hidden>
	</div>
</div>

Development and test

Notes for developers

...

Notes for testers

...

Classes overview

The following table gives you a quick overview of the CSS classes that can be applied.

Class	Outcome	Required	Applied to
`.m-card`	Base style for card	Yes	`div`
`.m-card-confirmation`	Base styling for confirmation card	Yes	`.m-card`
`.m-card-image`	Base style for the image section of the card	Yes	`.m-card > div`

Component releases

Added on: v2023.01 (21/04/23)
Updated on: v2023.01 (21/04/23)

Latest update:

updated: ...

Full version history

A full history of changes and enhancements detailing all minor and major updates to the component.

View full version history

Want something new in Framework, or to chat about an issue you're having with it?

Contact the team