A simple vue clock component

by Vue.js Examples

vue clock2

A simple vue clock component.

View demo Download Source

Install

npm install vue-clock2

Example

<template>
  <clock :time="time"></clock>
</template>

<script>
  import Clock from 'vue-clock2';
  export default {
    components: { Clock },
    data () {
      return {
          time: '10:40'
      }
    }
  }
</script>

Styles

Props

Property Description Type Accepted Values Default
time time to display String - -
color color to display String - -
border clock border style String - '2px solid'
bg clock background style String - -
size size to display String small -

GitHub