vime-time

Formats and displays a length of time provided in seconds.

Visual

Vime time component

Usage

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

Properties

PropertyAttributeDescriptionTypeDefault
alwaysShowHoursalways-show-hoursWhether 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)labelThe aria-label property of the time.stringundefined
secondssecondsThe 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

Graph

graph TD;
vime-current-time --> vime-time
vime-end-time --> vime-time
style vime-time fill:#f9f,stroke:#333,stroke-width:4px

Built with StencilJS