vue-cool-timer

1.0.0 • Public • Published

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

Package Sidebar

Install

npm i vue-cool-timer

Weekly Downloads

1

Version

1.0.0

License

ISC

Unpacked Size

15.1 kB

Total Files

8

Last publish

Collaborators

  • sdn101