Skip to main content

Card

Cards are used to present the summarized information of a product. The Card component is a compound of the following:

  • CardImage - wraps the product image.
  • CardContent - wraps the product details.
  • CardActions - wraps the call-to-action button of the product card.

Import​

import { Badge, Card, CardActions, CardImage, CardContent, Price } from '@faststore/ui'

Usage​

Loading...

Props​

All Card-related components support all attributes also supported by the <div> tag.

Card​

CardActions​

CardContent​

CardImage​

Customization​

data-store-card

data-store-card-image

data-store-card-content

data-store-card-actions