A simple stop-watch-box web component built with StencilJS.
stencil-component-starter was used to create this component.
Here's the article that I wrote about creating web components with Stencil. This repository is just a demo component created. You can use it in your projects however ;)
See the demo here
- Put a script tag similar to this
<script src="https://unpkg.com/[email protected]/dist/stopwatchbox.js"></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc :
- Run
npm install stop-watch-box --save - Put a script tag similar to this
<script src='node_modules/stop-watch-box/dist/stopwatchbox.js'></script>in the head of your index.html - Then you can use the element anywhere in your template, JSX, html etc
- Run
npm install stop-watch-box --save - Add
{ name: 'stop-watch-box' }to your collections - Then you can use the element anywhere in your template, JSX, html etc
<body>
<stop-watch-box></stop-watch-box>
<!-- to have the hover effect on watch, use below -->
<stop-watch-box apply-hover="true"></stop-watch-box>
</body>Modus Create is a digital product consultancy. We use a distributed team of the best talent in the world to offer a full suite of digital product design-build services; ranging from consumer facing apps, to digital migration, to agile development training, and business transformation.
This project is MIT licensed.
