Theme: ← Übersicht Tokens

Aktivitäten (Feed)

Aktivitäten-Feed mit Zeitleiste: Initialen-Kreis, Akteur + Aktion + Ziel, Zeitstempel — Verbindungslinie aus Tokens

Components v1.0.0 Status AppDesktop component.activity-feed

Beispiele

Feed mit Zeitleiste und Initialen
  1. MKMarie Krause hat Auftrag abgeschlossen: #4713 Demo KGvor 12 Minuten
  2. JWJonas Weber hat eine Datei angehängt an #4711vor 1 Stunde
  3. DSDavid Selig hat den Liefertermin geändert: 20.08.2026gestern, 17:42

Eigenschaften

PropTypDefaultBuilder-Label
entries *array—Einträge

* 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.

TokenDefault
--activity-feed-border-defaultvar(--color-border-default)
--activity-feed-radius-fullvar(--radius-full)
--activity-feed-surface-sunkenvar(--color-surface-sunken)
--activity-feed-text-defaultvar(--color-text-default)
--activity-feed-text-mutedvar(--color-text-muted)

Genutzte Design-Tokens

border.hairlinecolor.border.defaultcolor.surface.sunkencolor.text.defaultcolor.text.mutedfont.family.defaultleading.baseradius.fullsize.1size.5size.8text.smtext.xsweight.mediumweight.semibold