Avatar

Bild oder Initialen einer Person mit optionalem Status

Im Builder nutzen

Beispiele

Initialen, online

DS

Klein, abwesend

MM

Groß, offline

TB

Unsicheres src → Initialen-Fallback

EB

Eigenschaften

Prop	Typ	Default	Builder-Label
name *	string	—	Name
src	string	""	Bild-URL
size	string: sm | md | lg	"md"	Größe
status	string: none | online | away | offline	"none"	Status

* 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
--avatar-size	var(--size-10)
--avatar-background	var(--color-action-secondary)
--avatar-color	var(--color-text-muted)
--avatar-radius	var(--radius-full)

Genutzte Design-Tokens

border.emphasiscolor.action.secondarycolor.border.strongcolor.status.successcolor.status.warningcolor.surface.defaultcolor.text.mutedfont.family.defaultradius.fullsize.10size.12size.8weight.semibold