vm-current-time

Formats and displays the current time of playback.

Visual

Usage

HTML

<vm-current-time />

React

import React from 'react';

import { CurrentTime } from '@vime/react';

function Example() {

return <CurrentTime />;

}

Vue

example.vue

<template>

<CurrentTime />

</template>

<script>

import { CurrentTime } from '@vime/vue';

export default {

components: {

CurrentTime,

},

};

</script>

Svelte

example.svelte

<CurrentTime />

<script lang="ts">

import { CurrentTime } from '@vime/svelte';

</script>

Stencil

class Example {

render() {

return <vm-current-time />;

}

}

Angular

example.html

<vm-current-time />

Properties

Property	Description	Type	Default
alwaysShowHours	Whether the time should always show the hours unit, even if the time is less than 1 hour (eg: 20:35 -> 00:20:35).	boolean	false

Dependencies

Used by

• vm-default-controls
• vm-time-progress

Depends on

• vm-time