Importação

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

NuiAvatar

Uma foto ou iniciais, com o nome da pessoa.

Seletor
[nuiAvatar]
NuiAvatar: Propriedades
NomeTipoPadrãoDescrição
nameInputstringO nome da pessoa. O nome acessível, as iniciais e a cor vêm dele.
srcInputstringURL da foto. Se ela não carregar, as iniciais aparecem no lugar.
sizeInput'sm' | 'md' | 'lg''md'Tamanho: sm, md ou lg.
shapeInput'circle' | 'square''circle'circle ou square.
statusInput'online' | 'away' | 'busy' | 'offline'Um ponto de presença: online, away, busy ou offline.
labelInputstringUm nome acessível que diz mais do que o nome sozinho, como “Ada Lovelace, online”.
decorativeInputbooleanfalseOculta o avatar das tecnologias assistivas, para avatares ao lado do nome visível.

NuiAvatarGroup

Uma fila de avatares sobrepostos. Dê um nome a ela com aria-label.

Seletor
[nuiAvatarGroup]