El componente nuiAvatar muestra una foto, o las iniciales de la persona cuando no hay foto o no se carga. Las iniciales van sobre un color calculado a partir del nombre, así que la misma persona conserva el mismo color en todas partes.
Cada tono se limita a una luminosidad y un croma que mantienen las iniciales blancas por encima de una relación de contraste de 4.5:1, sean cuales sean el nombre y el tema.
Iniciales, fotos y estado
Sin src, las iniciales y el color salen de name. status añade un punto de presencia.
%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}
Grupos, tamaños y formas
nuiAvatarGroup superpone una fila de avatares. size admite sm, md o lg, y shape="square" va bien para equipos y aplicaciones.