Import

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

NuiAvatar

Una foto o delle iniziali, con il nome della persona.

Selettore
[nuiAvatar]
NuiAvatar: Proprietà
NomeTipoPredefinitoDescrizione
nameInputstringIl nome della persona. Da qui derivano nome accessibile, iniziali e colore.
srcInputstringURL della foto. Se non si carica, al suo posto compaiono le iniziali.
sizeInput'sm' | 'md' | 'lg''md'Dimensione: sm, md o lg.
shapeInput'circle' | 'square''circle'circle o square.
statusInput'online' | 'away' | 'busy' | 'offline'Un pallino di presenza: online, away, busy o offline.
labelInputstringUn nome accessibile che dice più del solo nome, come «Ada Lovelace, online».
decorativeInputbooleanfalseNasconde l’avatar alle tecnologie assistive, per gli avatar accanto al nome visibile.

NuiAvatarGroup

Una fila di avatar sovrapposti. Dagli un nome con aria-label.

Selettore
[nuiAvatarGroup]