Card component
A <Card> is a way to highlight and group content. They can be used effectively with Grids to layout blocks of information.
Basic content with some markdown
Attributes
You can customize the <Card> component using the following attributes.
Clickable cards
You can turn the whole card into a clickable link by specifying the href=".." attribute.
Padding
The pad attribute sets the padding around the content within the callout. It accepts values from 0 to 5, where 0 indicates no padding, and 5 indicates the highest padding level. The default padding is 3.
This is a card with a lot of padding.
Max width
You can vary the maximum width of the card with the max_width=".." attribute.
The width must be xs, md, lg, xl, or full (default).
Card with md max width