Press "Enter" to skip to content

[vue-clock2] Analog Clock Component For Vue.js

vue-clock2 is a Vue.js 2 component for creating custom analog clocks on a web application.

analog clock using javascript, javascript analog clock code free download, analog clock html code, vuejs digital clock javascript

Responsive Analog Clock Ui Design Using HTML CSS & JavaScript

How to make use of it:

Install & Download:

npm install vue-clock2
or
yarn add vue-clock2

Usage

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

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

Props

PropertyDescriptionTypeAccepted ValuesDefault
timetime to displayString
colorcolor to displayString
borderclock border styleString‘2px solid’
bgclock background styleString
sizesize to displayString150px

analog clock component for vuejs, vue-clock2 Plugin/Github


See Demo And Download

Official Website(bestvist): Click Here

This superior jQuery/javascript plugin is developed by bestvist. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.