Skip to content

suvro404/vue-cool-timer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-cool-timer

A count down timer made with vue js

Install

npm install vue-cool-timer --save

Usage

import VueCoolTimer from 'vue-cool-timer'

new Vue({
  template: '<VueCoolTimer :config="config"></VueCoolTimer>',
  data () {
    return {
        config: {
                endTime: "Aug 14, 2019 21:00:00",
                textColor: '#ffffff',
                background: 'linear-gradient(to right, #545454, #3f3f3f, #2a2a2a)',
                showHeader: true,
                format:"dd-hh-mm-ss"
        }
    }
  },
  components: { VueCoolTimer }
});

Configuration

Property Details
endTime the end time of the count down
textColor color of the timer texts
background background of the timer texts
showHeader boolean, determines to show/hide headers
format format of the timer. Use only what you need. Like if you want to get only days and hours, use 'dd-hh'

License

MIT

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published