DateTimeDisplay
Source: client/lib/theme/vueda-tailwind/display/index.js
Inline time wrapper with baseline spacing for absolute and relative text.
Vue component: DateTimeDisplay
| Slot | Default classes | Description |
|---|---|---|
| root | flex items-center space-x-2 | Inline time wrapper with baseline spacing for absolute and relative text. |
| inline | whitespace-nowrap | Single-line layout for compact absolute plus relative date text. |
| break | Stacked layout map for absolute and relative lines when inline space is not available. | |
| absolute | whitespace-nowrap | Absolute timestamp segment; use for the precise value. |
| relative | whitespace-nowrap | Relative timestamp segment; use for the human-readable offset. |
| tooltip | cursor-help | Help cursor for timestamp text that exposes the companion value in a tooltip. |
| dash | Empty-value dash slot, intentionally unstyled so surrounding text rhythm wins. |
root
Inline time wrapper with baseline spacing for absolute and relative text.
Default classes:
flex items-center space-x-2
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:16
inline
Single-line layout for compact absolute plus relative date text.
Default classes:
whitespace-nowrap
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:20
break
Stacked layout map for absolute and relative lines when inline space is not available.
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:24
absolute
Absolute timestamp segment; use for the precise value.
Default classes:
whitespace-nowrap
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:29
relative
Relative timestamp segment; use for the human-readable offset.
Default classes:
whitespace-nowrap
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:33
tooltip
Help cursor for timestamp text that exposes the companion value in a tooltip.
Default classes:
cursor-help
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:37
dash
Empty-value dash slot, intentionally unstyled so surrounding text rhythm wins.
Default classes:
Source: client/lib/theme/vueda-tailwind/display/DateTimeDisplay.theme.js:41