Card
A card presents focused content and actionable items related to a single subject .
Usage
This is a card. Pretty cool right?
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Start End Content
startContentandendContent prop to change the visual style of the Card.Card Header
A react card component is a content container. It incorporates options for images, headers, and footers, a wide variety of content, contextual background colors, and excellent display options.
$256
$999
Variants
Card Heading
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Card Heading
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Card Heading
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius
Radius: none
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: sm
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: md
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: lg
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: xl
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: 2xl
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: 3xl
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Radius: full
This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.