You can use the default card components to group content into visible units with controlled information layout and appearance. Using cards, you can create a linked entry point for further details on a piece of content. You need to base your design decisions on the information you want to present.
In certain cases, a list may prove a more suitable option as part in your design.
The following card components are available in the Components menu when building your pages:
Square: Apply a rounded outline or square outline.
The card content component is the container part of the card component.
The card header component is a header component placed within a card component.
Avatar: The avatar of the card header.
Avatar type: Option to show text or an image as avatar
Title: The title that is displayed at the top of the card.
Sub header: A header that will be displayed underneath the title.
Media component that can be used used to display images, videos or i-frames.
Media type: The type of
The card actions component is a container used for buttons within a card component.
When to use cards in your design
Cards provide advantages for dashboard applications or statistical aggregation where you want to use to display different content at the same time on the same page.