Skip to content

Latest commit

 

History

History
55 lines (35 loc) · 3.46 KB

readme.md

File metadata and controls

55 lines (35 loc) · 3.46 KB

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/[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 :

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