Skip to main content Red Hat Design System logo Contribute on Github

Card

Overview Style Guidelines Demos Code

Overview

Cards are flexible surfaces used to group information in a small layout. They give small previews of information or provide secondary content in relation to the content it's near. Several cards can be used together to group related information.

Status

What do these mean?
Figma library:
Ready
RH Elements:
Ready
WebRH:
Ready

Sample element

Image of a card element

Property Status Meaning
Figma library Ready Component is available in the Figma library
RH Elements Ready Component is available in the RH Elements repo
WebRH Ready Component is available in the WebRH repo
© 2021-2024 Red Hat, Inc. Deploys by Netlify