Relative Zeit

Relative Zeitangabe („vor 3 Minuten“, „in 2 Tagen“) als natives time-Element mit absolutem Titel — serverseitig berechnet, now-Prop hält Demos deterministisch

Im Builder nutzen

Beispiele

Vergangenheit

vor 3 Minuten

Zukunft

in 1 Tag

Gerade eben

gerade eben

Eigenschaften

Prop	Typ	Default	Builder-Label
datetime *	string	—	Zeitpunkt (ISO, z. B. 2026-08-10T14:30)
now	string	""	Bezugszeitpunkt (leer = jetzt; Demos setzen ihn fix)
tone	string: default | muted	"muted"	Ton

* Pflicht-Prop

Stellschrauben (Komponenten-Tokens)

Ebene 3 — aus dem CSS generiert (Registry). Umverdrahtbar per Hüllen-Komposition, ohne Markup-Eingriff; künftige Regler-Quelle des Component Builders.

Token	Default
--relative-time-color	var(--color-text-default)

Genutzte Design-Tokens

color.text.defaultcolor.text.mutedfont.family.defaulttext.sm