logo

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

Use the startContentandendContent prop to change the visual style of the Card.
image

Card Header

22 December 2024

Fruit

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

Variant: solid

This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Variant: outlined

This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Variant: elevated

This is the card body. Lorem ipsum dolor sit amet, consectetur adipiscing elit.