Stop Watch Box
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 ;)
DEMO
See the demo here
Using this component
Script tag
- Put a script tag similar to this
<script src="https://unpkg.com/stop-watch-box@0.0.3/dist/stopwatchbox.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 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
In a stencil-starter app
- 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
In the html, JSX 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
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.
Licensing
This project is MIT licensed.
