product-card-carloscdev v1.0.0

product-card

This a very basic card for a web component workshop I did for teaching. So, basically this card receives parameters such as title, image, etc

Installation

Make sure you have Node/npm cli installed. Then, just type the following command:

$ npm install product-card-carloscdev

Usage

Add a element to your page and set the convenient parameters as attributes that the component needs in order to get styled a card. For e.g:

  <product-card
    title="SHELL"
    color="BLUE"
    description="The Spiny Shell, also sometimes referred to as the Blue Shell, is an item that debuted in the second Mario Kart title,
    Mario Kart 64, and has been in every Mario Kart game since."
    price="49"
    image="https://i.postimg.cc/vBrZ9HzN/spiny-shell.png"
  ></product-card>

So that's it!

Hope you enjoy and makes me happy you contribute to this component, just make me a pull request with your desired features for the card. 🧡