An Analog Clock built with react and typescript
MIT License
A customizable analogue clock built with styled-components in React
Online demo is available
$ yarn add styled-components react-analogue-clock
or
$ npm install --save styled-components react-analogue-clock
// code away!
import AnalogueClock from 'react-analogue-clock';
const clockOptions = {
baseColor: '#ffffff',
borderColor: '#000000',
borderWidth: 5,
centerColor: '#000000',
handColors: {
hour: '#000000',
minute: '#000000',
second: '#000000',
},
notchColor: '#000000',
numbersColor: '#000000',
showNumbers: true,
size: 300
}
<AnalogueClock {...clockOptions} />
or
$ yarn storybook
[color]
[color]
[integer]
[color]
[object]
[color]
[color]
[color]
[color]
[color]
[boolean]
[integer]
color
type defined by extra-prop-types
To get started...
Option 1
Option 2
https://github.com/brendon1555/react-analogue-clock.git
https://github.com/brendon1555/react-analogue-clock/compare/
.Brendon Lees |
---|
github.com/brendon1555
|
Reach out to me at one of the following places!
brendon1555.com
@brendon1555