bestvist / Vue Clock2
Licence: mit
vue clock component 😀
Stars: ✭ 67
Projects that are alternatives of or similar to Vue Clock2
ElevenClock
ElevenClock: Customize Windows 11 taskbar clock
Stars: ✭ 1,494 (+2129.85%)
Mutual labels: time, clock
vue-analog-clock-range
Vue Analog Clock Range Component
Stars: ✭ 53 (-20.9%)
Mutual labels: time, clock
Truetime Android
Android NTP time library. Get the true current time impervious to device clock time changes
Stars: ✭ 1,134 (+1592.54%)
Mutual labels: time, clock
clocklet
An opinionated clock-style vanilla-js timepicker.
Stars: ✭ 31 (-53.73%)
Mutual labels: time, clock
simple-analog-clock
Simple clock view for displaying uh...time?
Stars: ✭ 24 (-64.18%)
Mutual labels: time, clock
Tzupdate
Set the system timezone based on IP geolocation
Stars: ✭ 130 (+94.03%)
Mutual labels: time, clock
clock
High-resolution clock functions: monotonic, realtime, cputime.
Stars: ✭ 52 (-22.39%)
Mutual labels: time, clock
Md Date Time Picker
An implementation of Material Design Picker components in vanilla CSS, JS, and HTML
Stars: ✭ 272 (+305.97%)
Mutual labels: time, clock
telltime
iOS application to tell the time in the British way 🇬🇧⏰
Stars: ✭ 49 (-26.87%)
Mutual labels: time, clock
timestampy
🕒 Bunch of utilities useful when working with UNIX timestamps
Stars: ✭ 21 (-68.66%)
Mutual labels: time, clock
Portable Snippets
Collection of miscellaneous portable C snippets.
Stars: ✭ 397 (+492.54%)
Mutual labels: time, clock
vue clock2
vue clock component
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: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 |
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].