Il componente nuiAvatar mostra una foto, oppure le iniziali della persona quando la foto manca o non si carica. Le iniziali stanno su un colore calcolato dal nome, così la stessa persona ha lo stesso colore ovunque.
Ogni tonalità è limitata a una luminosità e a una crominanza che mantengono le iniziali bianche sopra un contrasto di 4,5:1, qualunque siano il nome e il tema.
Iniziali, foto e stato
Senza src, iniziali e colore derivano da name. status aggiunge un pallino di presenza.
%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}
Gruppi, dimensioni e forme
nuiAvatarGroup sovrappone una fila di avatar. size accetta sm, md o lg, e shape="square" è adatto a team e app.