Skip to content

DurationDisplay ​

Source: client/lib/theme/vueda-tailwind/display/index.js

Wrapper around the units; unstyled so it inherits the row's text rhythm.

Vue component: DurationDisplay

SlotDefault classesDescription
rootWrapper around the units; unstyled so it inherits the row's text rhythm.
valueThe unit text itself, for a skin that wants to tint or weight a duration.
dashEmpty-value dash slot, matching DateTimeDisplay so the two read the same.

root ​

Wrapper around the units; unstyled so it inherits the row's text rhythm.

Default classes:

Source: client/lib/theme/vueda-tailwind/display/DurationDisplay.theme.js:16

value ​

The unit text itself, for a skin that wants to tint or weight a duration.

Default classes:

Source: client/lib/theme/vueda-tailwind/display/DurationDisplay.theme.js:20

dash ​

Empty-value dash slot, matching DateTimeDisplay so the two read the same.

Default classes:

Source: client/lib/theme/vueda-tailwind/display/DurationDisplay.theme.js:24