Ribbon Strips Web Component
Getting Started
To start the component in a dev environment:
npm installnpm start
To build the component for production, run:
npm run build
To run the unit tests for the components, run:
npm test
Using this component
Script tag
- Put a script tag
<script src='https://unpkg.com/wc-ribbon-strips@0.0.1/dist/wc-ribbon-strips.js'></script>
in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
Node Modules
- Run
npm install wc-ribbon-strips --save
- Put a script tag similar to this
<script src='node_modules/wc-ribbon-strips/dist/wc-ribbon-strips.js'></script>
in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
More advanced integration
This script will load two specific genes as in the above example but by creating the HTML element through javascript after fetching the data model required for the ribbon to work. It will also configure several attributes.