Importación

import-avatar.ts
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';

NuiAvatar

Una foto o unas iniciales, con el nombre de la persona.

Selector
[nuiAvatar]
NuiAvatar: Propiedades
NombreTipoPredeterminadoDescripción
nameInputstringEl nombre de la persona. De él salen el nombre accesible, las iniciales y el color.
srcInputstringURL de la foto. Si no se carga, se muestran las iniciales en su lugar.
sizeInput'sm' | 'md' | 'lg''md'Tamaño: sm, md o lg.
shapeInput'circle' | 'square''circle'circle o square.
statusInput'online' | 'away' | 'busy' | 'offline'Un punto de presencia: online, away, busy u offline.
labelInputstringUn nombre accesible que dice más que el nombre solo, como «Ada Lovelace, en línea».
decorativeInputbooleanfalseOculta el avatar a las tecnologías de asistencia, para avatares junto al nombre visible.

NuiAvatarGroup

Una fila de avatares superpuestos. Ponle nombre con aria-label.

Selector
[nuiAvatarGroup]