Version: 5.x

vm-time

Formats and displays a length of time provided in seconds.

Visual#

Vime time component

Usage#

<vm-time label="Time" seconds="120" />

Properties#

PropertyDescriptionTypeDefault
alwaysShowHoursWhether the time should always show the hours unit, even if the time is less than 1 hour (eg: 20:35 -> 00:20:35).booleanfalse
label (required)The aria-label property of the time.stringundefined
secondsThe length of time in seconds.number0

CSS Custom Properties#

NameDescription
--vm-time-colorThe color of the text displaying the time.
--vm-time-font-sizeThe size of the font displaying the time.
--vm-time-font-weightThe weight of the font displaying the time.

Dependencies#

Used by#