@haxtheweb/product-card
v9.0.21
Published
basic display of a product with advanced data driven helpers
Downloads
573
Maintainers
Readme
<product-card>
Card
basic display of a product with advanced data driven helpers
Usage
To use this web component in your project you can utilize one of the following styles of syntax.
/* In an existing JS module / web component */
import '@haxtheweb/product-card/product-card.js';
/* CDN */
<script type="module" src="https://cdn.hax.cloud/cdn/build/es6/node_modules/@haxtheweb/product-card/product-card.js"></script>
Develop / Demo
Run npm start
will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src
directory for changes and automatically rebuilding the element and documentation site for the demo.
$ npm start
Contributing
- Fork it!
git clone https://github.com/haxtheweb/webcomponents.git
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D
Code style
Card use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.