🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Analog Clock Component For Vue.js 2

A Vue.js 2 component to generate custom analog clocks on the web app.

Date_Time

Demo Download Tutorial

Documentation

vue clock2

vue clock component

Install

npm install vue-clock2

Example

Demo

<template>   <clock :time="time"></clock> </template>  <script>   import Clock from 'vue-clock2';   export default {     components: { Clock },     data () {       return {           time: '10:40:00'       }     }   } </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	-	150px