Card

Cards provide a flexible content container with multiple variants and options.

Text only Cards

This card has a title & paragraph text which can be used as a simple text content card.

Card with Badge

This card comes with a badge on the top-left corner.

Card with Text Overlay

The card with text overlay which highlight the text content on the top of the card.

Cards with Dismiss

This card has cross icon on the top-right corner which acts as dismiss button.

Horizontal Card

This is a responsive horizontal card which turns into vertical card on mobile screen.

Card with Shadow

Add card-shadow class to give some elevation.

Ecommerce Card