1
- # Analog and Digital Clocks as Web Components
1
+ # Analogue and Digital Clocks as Web Components
2
2
3
3
[ ![ NPM version] ( https://badge.fury.io/js/web-clocks.png )] ( http://badge.fury.io/js/web-clocks )
4
4
[ ![ Build Status] ( https://github.com/prantlf/web-clocks/workflows/Test/badge.svg )] ( https://github.com/prantlf/web-clocks/actions )
7
7
8
8
[ ![ NPM Downloads] ( https://nodei.co/npm/web-clocks.png?downloads=true&stars=true )] ( https://www.npmjs.com/package/web-clocks )
9
9
10
- [ Web components] showing an analog clock known from [ a Svelte example] and a digital clock similar to [ another Svelte example] .
10
+ [ Web components] showing an analogue clock known from [ a Svelte example] and a digital clock similar to [ another Svelte example] .
11
11
12
12
![ Example] ( ./example.png )
13
13
@@ -32,7 +32,7 @@ See the [on-line demo] or the [storybook].
32
32
```
33
33
34
34
``` html
35
- <!-- Load either analog or digital clock from a local installation -->
35
+ <!-- Load either analogue or digital clock from a local installation -->
36
36
<script type =module src =node_modules/web-clocks/dist/ana-clock.mjs ></script >
37
37
<script type =module src =node_modules/web-clocks/dist/digi-clock.mjs ></script >
38
38
```
@@ -47,26 +47,26 @@ See the [on-line demo] or the [storybook].
47
47
48
48
``` html
49
49
<script type =module >>
50
- // Load either analog or digital clock and use their classes
50
+ // Load either analogue or digital clock and use their classes
51
51
import AnaClock from ' ../dist/ana-clock.mjs'
52
52
import DigiClock from ' ../dist/digi-clock.mjs'
53
53
...
54
54
</script >
55
55
```
56
56
57
57
``` js
58
- // Include either analog or digital clock in your application bundle
58
+ // Include either analogue or digital clock in your application bundle
59
59
import { AnaClock , DigiClock } from ' web-clocks'
60
60
```
61
61
62
62
### Attributes
63
63
64
- | Attribute | Description | Values | Default |
65
- | --------------| -----------------------------------------| -----------------------------------------| ---------|
66
- | ` markers ` | chooses the density of markers (analog ) | ` sixty ` \| ` twelve ` \| ` four ` \| ` none ` | ` sixty ` |
67
- | ` secondhand ` | disables the second hand (analog ) | boolean | ` false ` |
68
- | ` seconds ` | disables the second part (digital) | boolean | ` false ` |
69
- | ` offset ` | adds the offset in minutes to UTC | number of minutes | ` 0 ` |
64
+ | Attribute | Description | Values | Default |
65
+ | --------------| ------------------------------------------- | -----------------------------------------| ---------|
66
+ | ` markers ` | chooses the density of markers (analogue ) | ` sixty ` \| ` twelve ` \| ` four ` \| ` none ` | ` sixty ` |
67
+ | ` secondhand ` | disables the second hand (analogue ) | boolean | ` false ` |
68
+ | ` seconds ` | disables the second part (digital) | boolean | ` false ` |
69
+ | ` offset ` | adds the offset in minutes to UTC | number of minutes | ` 0 ` |
70
70
71
71
### Methods
72
72
0 commit comments