Components

Card

Contents

Example
HTML

Title

Intro text for the card.

                    
<div class="fcdo-card">
    <div class="fcdo-card__container">
        <h2 class="govuk-heading-m fcdo-card__title">Title</h2>
        <p class="fcdo-card__description">Intro text.</p>
    </div>
</div>

Component Information

The card component is a versatile user interface element used to display grouped information in a visually appealing and organised way.

They can enhance user interaction and content presentation across various applications and devices.