Image Card

Cards

CardsComponent

Usage

The Image Card is a media-enhanced variation of the Card component that incorporates a prominent image as part of its structure. The image supports the content hierarchy by providing visual context, while the card body accommodates headings, descriptive text, metadata, and optional actions. This variant is suited for content where visual emphasis is important, such as featured items, promotions, or editorial content, while maintaining consistent layout, spacing, and behavioural patterns defined by the core Card system.