Import
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';NuiAvatar
Une photo ou des initiales, qui porte le nom de la personne.
| Nom | Type | Par défaut | Description |
|---|---|---|---|
nameInput | string | Le nom de la personne. Le nom accessible, les initiales et la couleur en découlent. | |
srcInput | string | URL de la photo. Si elle ne se charge pas, les initiales s’affichent à la place. | |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Taille : sm, md ou lg. |
shapeInput | 'circle' | 'square' | 'circle' | circle ou square. |
statusInput | 'online' | 'away' | 'busy' | 'offline' | Une pastille de présence : online, away, busy ou offline. | |
labelInput | string | Un nom accessible plus parlant que le nom seul, comme « Ada Lovelace, en ligne ». | |
decorativeInput | boolean | false | Masque l’avatar aux technologies d’assistance, pour les avatars placés à côté du nom visible. |
NuiAvatarGroup
Une rangée d’avatars qui se chevauchent. Nommez-la avec aria-label.