Card

Cards are surfaces that display content and actions on a single topic. They should be easy to scan for relevant and actionable information. Elements, like text and images, should be placed on them in a way that clearly indicates hierarchy.

Simple Card

Simple Card is the one that contains a title, a descriptive text. To use the Simple Card Component, add card-title and card-text inside a div with class card.

Iron Man

Genius level intellect Proficient scientist and engineer Powered armor suit: Superhuman strength, speed, durability, agility, reflexes, and senses Supersonic flight Energy repulsor and missile projection Regenerative life support

Dismissible Card

Dismissable Card can be dismissed with a cross on the top corner.

Iron Man

Genius level intellect Proficient scientist and engineer Powered armor suit: Superhuman strength, speed, durability, agility, reflexes, and senses Supersonic flight Energy repulsor and missile projection Regenerative life support

E-Com Card

eCommerce Card is used to display the products details i.e., Product shot, Name, Type, Fixed badge, Price, Discount and stock.

New
New

Text Overlay Card

Text Overlay Card contains text over image.

Airpod Max

New

Horizontal Card

Horizontal Cards are used to showcase products in a landscape orientation.