Product Card

Product card is used in e-commerce to provide a concise and visually appealing way to showcase products and help users make informed purchase decisions

The ProductCard component is themeable. Therefore colours can change accordingly to the theme applied.

There are some components inside of the ProductCard that are can be customised like favoriteIconColor, stock, price, discountPrice and action

 

Examples

Global theme

Component in Global theme's primary style

Component in Global theme's primary style

 

Component in Global theme's secondary style

Component in Global theme's secondary style

 

Cadi theme

Component in Cadi theme's primary style

Component in Cadi theme's primary style

Component in Cadi theme's secondary style

Component in Cadi theme's secondary style