0.0.7 • Published 2 years ago

@iseag/web-component-station-clock v0.0.7

Weekly downloads
-
License
-
Repository
-
Last release
2 years ago

StationClock Web Component

a web component to display a nice station clock

Station Clock

Installation

npm install @iseag/web-component-station-clock

Usage

in JS/TS project

import '@iseag/web-component-station-clock'

document.querySelector<HTMLDivElement>('#app')!.innerHTML = /*html*/`
  <main>
    <ise-station-clock width="100%" height="300px"></ise-station-clock>
  </main>
`;

use with unpkg

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>StationClock</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" href="styles.css" />
    <script
      type="module"
      src="https://unpkg.com/@iseag/web-component-station-clock/dist/stationclock.js"
    ></script>
  </head>
  <body>
    <main>
      <ise-station-clock width="300px" height="300px" ></ise-station-clock>
    </main>
  </body>
</html>

try it out on stackblitz

Credits

  • Rüdiger Appel/ 3Quarks: thanks for svg clocks. The station clock was used as a starting point for this project.

License

MIT

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago