simple-vue-timer

0.1.1 • Public • Published

vue-timer-library

This is a vuejs component to display a counter of the number of days, hours, minutes and seconds until/after a certain day.

Installation

npm install simple-vue-timer

Usage

import simpleVueTimer from 'simple-vue-timer'

Vue.component('svt', simpleVueTimer)

in your components
<svt
  :size="'sm'"
  :borderColor="'#d50'"
  :direction="'up'"
  :color="'#fff'"
  :bg="'#43a'"
  :time="new Date('2020/05/17')"
/>

Properties

Paramter Description Required Default
size controls sizing of the rendered component: String. One of xs, sm, md, lg false lg
time a date object : Date false new Date()
bg what background the rendered component will have: String false #000
color what color of text the rendered component will have: String false #fff
borderColor what color the border will have: String false #000
showMessage whether to show simple message on the component: Boolean false false

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

License

MIT

Package Sidebar

Install

npm i simple-vue-timer

Weekly Downloads

1

Version

0.1.1

License

ISC

Unpacked Size

22.9 kB

Total Files

13

Last publish

Collaborators

  • ahmanny