Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/mortonprod/react-product-component
- Owner: mortonprod
- Created: 2017-08-02T14:04:59.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-09-13T16:41:36.000Z (about 7 years ago)
- Last Synced: 2024-10-02T15:08:39.144Z (about 1 month ago)
- Topics: babel, npm-package, react
- Language: JavaScript
- Homepage:
- Size: 51.8 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.