open-index/open-npm huggingface dataset:
npm package: @iseag/web-component-station-clock
Description: a web component to display a nice station clock
Latest version: 0.0.7

# StationClock Web Component

a web component to display a nice station clock

[![Station Clock](docs/img/stationclock.png)](https://web-platform-nynart.stackblitz.io/)


## Installation

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


## Usage

### in JS/TS project
```typescript
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
```html
<!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](https://stackblitz.com/edit/web-platform-nynart?file=index.html)

## Credits

- Rüdiger Appel/ [3Quarks](http://www.3quarks.com/): thanks for svg clocks. The [station clock](http://www.3quarks.com/en/SVGClock/index.html) was used as a starting point for this project.

## License

[MIT](LICENSE)