Die Komponente nuiAvatar zeigt ein Bild oder die Initialen der Person, wenn es keins gibt oder es nicht lädt. Die Initialen stehen auf einer Farbe, die aus dem Namen berechnet wird, sodass dieselbe Person überall dieselbe Farbe behält.
Jeder Farbton ist auf eine Helligkeit und Buntheit begrenzt, bei der weiße Initialen ein Kontrastverhältnis von über 4,5:1 behalten, unabhängig von Name und Theme.
Initialen, Bilder und Status
Ohne src ergeben sich Initialen und Farbe aus name. status ergänzt einen Punkt für den Anwesenheitsstatus.
%22%2F%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2216%22%20r%3D%227%22%20fill%3D%22%23fefcf8%22%2F%3E%3Cpath%20d%3D%22M6%2040c2-9%208-13%2014-13s12%204%2014%2013z%22%20fill%3D%22%23fefcf8%22%2F%3E%3C%2Fsvg%3E){kind=avatar}
Gruppen, Größen und Formen
nuiAvatarGroup lässt eine Reihe von Avataren überlappen. size akzeptiert sm, md oder lg, und shape="square" passt zu Teams und Apps.