@iseag/web-component-station-clock
v0.0.7
Published
a web component to display a nice station clock
Downloads
3
Readme
StationClock Web Component
a web component to display a nice station clock
Installation
npm install @iseag/web-component-station-clockUsage
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.