Card
The card component, prefixed by gds-card
, is a standard container component, designed to hold groups of related information.
<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