Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

stop-watch-box

0.0.4 • Public • Published

Built With Stencil FOSSA Status

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.

Modus Create

Licensing

This project is MIT licensed. FOSSA Status

Keywords

none

Install

npm i stop-watch-box

DownloadsWeekly Downloads

4

Version

0.0.4

License

MIT

Unpacked Size

279 kB

Total Files

57

Last publish

Collaborators

  • avatar