vue3-flip-countdown

vue3-flip-countdown

Customize Countdown timer with Flip Animation for Vue 3.x

vue3-flip-countdown.netlify.app

Demo

Table of contents

• Demo
• Installation
• Global Usage
• Single File Component Usage
• Emits
• Props
• References
• Requirements
• License

Installation

npm i vue3-flip-countdown --save

Global Usage

main.js

import { createApp } from 'vue'
import App from './App.vue'
import Countdown from 'vue3-flip-countdown'
createApp(App).use(Countdown).mount('#app')

App.vue

<template>
  <vue3-flip-countdown />
</template>

<script>

export default {
  name: 'App',
  components: {
  }
}
</script>

Single File Component Usage

<template>
  <Countdown />
</template>

<script>
import {Countdown} from 'vue3-flip-countdown'
export default {
  name: 'App',
  components: {
    Countdown
  }
}
</script>

Emits

Props

References

• vue2-flip-countdown
• vuejs-countdown
• Demo for 'Flip clock & countdown, Vue'

Requirements

• Vue version 3.x.x

License

MIT Copyright (c) 2021, Emre Coşkunçay