Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mortonprod/react-product-component

This is a product component built with react which you can get from npm
https://github.com/mortonprod/react-product-component

babel npm-package react

Last synced: about 5 hours ago
JSON representation

This is a product component built with react which you can get from npm

Awesome Lists containing this project

README

        

# react-product-component

This component displays a picture along with name, description and price passed through props.
The main function of this component is to correctly render variable size images. We want to be able to display variables aspect ratio photos.
All photos must have the same height or they will leave large gaps when grouped together. They also must be about 300px width for mobile.

## Installation
To install this component into your project run:

`npm install @mortonprod/react-product-component`

## Usage

Import the component like so:

`
import Product from @mortonprod/react-product-component
`

then import the css:

`
import @mortonprod/react-product-component/dist/index.css
`

Note you must pull the css independently of the component.

## Contributing

You are free to contribute to this component if you wish.