https://github.com/cristovao-trevisan/vue-flip-countdown

https://github.com/cristovao-trevisan/vue-flip-countdown

countdown counter vue

Last synced: 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/cristovao-trevisan/vue-flip-countdown
• Owner: cristovao-trevisan
• License: mit
• Created: 2018-04-29T14:10:37.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-05-03T19:54:23.000Z (about 7 years ago)
• Last Synced: 2025-03-18T16:00:08.790Z (2 months ago)
• Topics: countdown, counter, vue
• Language: JavaScript
• Size: 449 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Flip Countdown

[![npm version](https://badge.fury.io/js/vue-flip-countdown.svg)](https://badge.fury.io/js/vue-flip-countdown)

Simple board countdown component for vue.

[Live Demo](https://cristovao-trevisan.github.io/vue-flip-countdown/)

## Usage

```jsx

import Countdown from 'vue-flip-countdown'

export default {

  name: 'example-app',

  render() {

    return (

      


        

        

        

        

      

    )

  },

}

```


## Props

- end: Number

- background: String

- size: Number (in px)

- labelStyle: Object (inline jsx style object)

- sections: Object[] in the format:

    - label: String (e.g. 'Hours')

    - divisor: Number (e.g. 60 * 60 * 1000)

    - mod: Number (e.g. 24)