Flip Countdown Component For Vue.js 2

Install & Download:

# NPM
$ npm install vue2-flip-countdown --save

Description:

A simple flip countdown timer component for Vue 2.x.

How to use it:

1. Import the FlipCountdown component.

import FlipCountdown from 'vue2-flip-countdown'

2. Register the component.

export default {
  components: { FlipCountdown }
}

3. Add the component to the app and define the date:

<flip-countdown deadline="2021-12-25 00:00:00"></flip-countdown>

4. Available component props.

deadline: {
  type: String,
},
stop: {
  type: Boolean,
},
showDays: {
  type: Boolean,
  required: false,
  default: true,
},
showHours: {
  type: Boolean,
  required: false,
  default: true,
},
showMinutes: {
  type: Boolean,
  required: false,
  default: true,
},
showSeconds: {
  type: Boolean,
  required: false,
  default: true,
},
labels: {
  type: Object,
  required: false,
  default: function () {
      return {
          days: 'Days',
          hours: 'Hours',
          minutes: 'Minutes',
          seconds: 'Seconds',
      };
  },
},
countdownSize: {
  type: String,
  required: false,
},
labelSize: {
  type: String,
  required: false,
},