Avatar
Profilbild mit Initialen-Fallback auf Basis von Base UI. Schlägt das Bild fehl, bleiben die Initialen in einer Tint-Farbe sichtbar, die deterministisch aus dem Namen entsteht – ohne kaputtes Bild-Icon und ohne Layout-Sprung. AvatarGroup begrenzt Reihen über max.
Initialen
Ohne Bild zeigt der Avatar die Initialen aus Vor- und Nachnamen. Die Tint-Farbe leitet sich per Hash aus dem Namen ab und bleibt überall gleich.
- LM
- TK
- AL
- GH
- AT
Fehlerhaftes Bild
Schlägt die Bildquelle fehl, erscheint der Initialen-Fallback ohne kaputtes Bild-Icon und ohne Layout-Sprung – die Wurzel behält ihre Größe.
Base UI blendet das Bild erst ein, wenn es geladen ist. Bis dahin und bei einem Fehler stehen die Initialen.
Größen und Formen
sm, md und lg skalieren Initialen und Fläche gemeinsam; shape wechselt zwischen Kreis und abgerundetem Quadrat.
Gruppe
AvatarGroup überlappt die Avatare und begrenzt sie über max; der Rest wird als +N zusammengefasst.
5 Beteiligte, 3 sichtbar