Design documented
Component Status
React documented
Flutter documented
Design
Up to date
React
Up to date
Flutter
Update required
Introduction
Cards are pre-styled containers that group related information in a compact and structured manner, improving content hierarchy, page scanability, and visual appeal. While the card imposes specific UI properties on its outer container, it allows full customization of its content.
Cards are not interactive by default and cannot be used for navigation purposes. If interaction is needed, place interactive elements like buttons or links inside the card.
A card is a UI component with a predefined look and is not suitable for grouping elements for technical layout purposes. Use container component instead.