Card
Cards are containers of a single subject. These are mainly seen in social media posts & shopping site items. They contain some content and actions related to a subject.
All these cards have shadow effect.
Card with text only
These cards come with a header & a subheading followed by the text you want to display on the card. You can also customize the card by including only the description without the header.
Lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Basic card - vertical
This is a basic vertical variant of card which also includes image and action buttons along with text capabilities. These buttons provide interaction to users to perform different actions.
Lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Card - horizontal
This variant contains the same pieces but arranged horizontally.
Lorem ipsum
Card with a badge
This variant has a badge on the vertical card to show new/out of stock type of items.
NEW
Lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Card with a dismiss
This is a avertical card with dismiss option.
Lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Card with a text overlay
This variant has text over media, where you can place the title & subtitle over the image.
Lorem ipsum
Lorem ipsum dolor sit amet consectetur adipisicing elit.