Vanilla framework documentation
There are three card styles available to use in Vanilla.
A card will expand to fill the full width of its parent container.
All card styles, but in particular the highlighted card, should be used sparingly.
The purpose of the basic card is to display information, without user interaction.
The purpose of the header card is to display information, grouped under a heading.
The highlighted card should be used when you can interact with the content.
The purpose of the card overlay pattern is to make the text visible in conjunction with a strip image.