https://github.com/eddyerburgh/vue-digital-clock

🕚 Simple digital clock built with Vue.js
https://github.com/eddyerburgh/vue-digital-clock

digital-clock vue vue-clock vue-digital-clock vue2 vuejs vuejs2

Last synced: 10 days ago
JSON representation

🕚 Simple digital clock built with Vue.js

• Host: GitHub
• URL: https://github.com/eddyerburgh/vue-digital-clock
• Owner: eddyerburgh
• Created: 2017-02-27T21:34:15.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-02-01T21:58:52.000Z (almost 6 years ago)
• Last Synced: 2024-10-12T00:38:59.619Z (about 1 month ago)
• Topics: digital-clock, vue, vue-clock, vue-digital-clock, vue2, vuejs, vuejs2
• Language: JavaScript
• Homepage:
• Size: 142 KB
• Stars: 41
• Watchers: 4
• Forks: 14
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# vue-digital-clock

> A digital clock component built with Vue.js

## Installation

With NPM:

```shell

npm install --save vue-digital-clock

```

With Yarn

```shell

yarn add vue-digital-clock

```

And import it into your project

```javascript

import DigitalClock from "vue-digital-clock";

```

## Props

| Prop    | Type | Usage  |

| ------  | ---- | ------ |

| blink   | Boolean | Set as true to have the colon blink with the seconds|

| displaySeconds   | Boolean | Set as true to display seconds|

| twelveHour   | Boolean | Set as true to display times with AM/PM|

## Example

```vue

  

import DigitalClock from "vue-digital-clock";

export default {

  components: {

    DigitalClock

  }

};

```

## Screenshot

![vue-digital-clock screenshot](https://raw.githubusercontent.com/eddyerburgh/vue-digital-clock/master/assets/vue-digital-clock.gif)