stop-watch-box
TypeScript icon, indicating that this package has built-in type declarations

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

Readme

Keywords

none

Package Sidebar

Install

npm i stop-watch-box

Weekly Downloads

0

Version

0.0.4

License

MIT

Unpacked Size

279 kB

Total Files

57

Last publish

Collaborators

  • ahsanayaz