Card

The card component, prefixed by gds-card, is a standard container component, designed to hold groups of related information.

Prototypes Page

<div class="gds-card">
    <div class="gds-card__block">
        <p class="gds-card__text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    </div>
</div>

Optional classes:

• gds-card--white
• gds-card--no-shadow
• gds-card--underlined
• gds-card--underlined-secondary
• gds-card--xl
• gds-card--lg
• gds-card--md
• gds-card--sm
• gds-card--xs
• gds-card--dark