@cjbutton/digital-clock

Digital-Clock made with TypeScript

Usage no npm install needed!

<script type="module">
  import cjbuttonDigitalClock from 'https://cdn.skypack.dev/@cjbutton/digital-clock';
</script>

README

Digital Clock

Digital Clock Display with options for 12/24 hour clock in three colors, with settable timezone.

Written in TypeScript with Sass.

Cyan-Digital-Clock

Install

npm install --save @cjbutton/digital-clock

License

MIT © CJButton

Example Usage


import DigitalClock from '@cjbutton/digital-clock'
import '@cjbutton/digital-clock/dist/index.scss'

class Example extends Component {
  render() {
    return <DigitalClock />
  }
}

We can pass props like so:

<DigitalClock style='12' color='green' timezone='America/New_York'>

Options

Prop Values Type Default
Type "12" / "24" string "24"
Color "cyan" / "red" / "green" string "cyan"
Timezone IANA Time Zone Name string null ( will display local time )