React Magic Product Card

DEMO

See in action: https://pianorockcover.github.io/lightshops/

Well customizable and lightweight product card React component

Usage

:root {
  --rmpc-default: 68, 68, 68;
  --rmpc-primary: 11, 139, 241;
  --rmpc-contrast: 233, 30, 99;
  --rmpc-warning: 246, 147, 5;
  --rmpc-success: 46, 204, 113;
}

import 'react-magic-product-card/lib/css/index.css'
import { MagicProductCard } from 'react-magic-product-card'

<MagicProductCard
  images={[{ src: 'http://link/to/image.png' }]}
  category={{ title: 'Category', href: '#' }}
  name='Product Title'
  href='#'
  price='12000 THB'
  buyLabel='Buy'
  addedLabel='Added'
  onBuyClick={() => {}}
  onInCompareClick={() => {}}
  onInFavouriteClick={() => {}}
/>