Cs-add-candidate-btn NPM

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.

@everything-registry/sub-chunk-1417 @zalastax/nolb-cs-

1.0.0

4 years ago