<custom-clock> Web Component

Simple clock component built with SVG & CSS Animations

!clock

Browser support

Tested in Chrome 70, Firefox 64, Safari 12.0. You should use Array.prototype.flatMap polyfill for older browsers.

Usage

``ts
import { CustomClockComponent } from 'custom-clock'
customElements.define('custom-clock', CustomClockComponent)
`

`html

`

You can use existing JavaScript & TypeScript definitions via special import:

`ts
import 'custom-clock/dist/src/global-declarations'
``

Please see the discussion about predefined names.

$3

- dial-size (CSS value for clock width & height)
- stroke-color (CSS value)