The SUSE Design System uses cookies to help us learn more about how we can improve the design system.
Learn more about our cookie policy

info
Didn’t find the component you were looking for? Take a look on what’s coming next or contact us.
Looking for components? what’s next or contact us.
close
SUSE product brand logotype

Cards

Cards are flexible containers used to wrap content related to a singular subject. Cards can have actions of their own, images, tabulated data, and more.


linkDescription

  • By default, cards will take 100% of the available width. To restrict their size you can use the classes w-25, w-50, w-75, which make the cards take 25%, 50%, or 75% of the horizontal space.
Cards types
How to use this element

Example
Code
content_copy