Cards
Cards can be used to club related information. For example: product listing.
Horizontal cards
Horizontal cards can be used by adding class card and card-horizontal
Purple Dress
Women's ball gown
Add an adolescent burst of colour to your wardrobe with this purple gown. The plain floor length appears chic and excellent for parties.
Sold by H&M
Purple Dress
Women's ball gown
Add an adolescent burst of colour to your wardrobe with this purple gown. The plain floor length appears chic and excellent for parties.
Sold by H&MRs. 10,800
Rs. 12,000
10%
Vertical cards
Vertical cards can be used by adding class card and card-vertical
Dismissable cards
Cards can be dismissed by adding class component-close.
Purple Dress
Women's ball gown
Add an adolescent burst of colour to your wardrobe with this purple gown. The plain floor length appears chic and excellent for parties.
Sold by H&M
Card with text overlay
These cards can be created by wrapping the card content with overlay-container.Overlay-text div is used to display the text that will overshadow the container.
Card with badges
Badges can be added to the card by adding a span with class card__badge.
Text only cards
Text only cards can be created by adding the class text-only. Alternatively, the card__img part can be removed completely from the markup.
Title