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