Import
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';NuiAvatar
Ein Bild oder Initialen, benannt nach der Person.
| Name | Typ | Standardwert | Beschreibung |
|---|---|---|---|
nameInput | string | Der Name der Person. Daraus ergeben sich der zugängliche Name, die Initialen und die Farbe. | |
srcInput | string | URL des Bildes. Lädt es nicht, erscheinen stattdessen die Initialen. | |
sizeInput | 'sm' | 'md' | 'lg' | 'md' | Größe: sm, md oder lg. |
shapeInput | 'circle' | 'square' | 'circle' | circle oder square. |
statusInput | 'online' | 'away' | 'busy' | 'offline' | Ein Punkt für den Anwesenheitsstatus: online, away, busy oder offline. | |
labelInput | string | Ein zugänglicher Name, der mehr sagt als der Name allein, etwa „Ada Lovelace, online“. | |
decorativeInput | boolean | false | Verbirgt den Avatar vor assistiven Technologien, für Avatare neben dem sichtbaren Namen. |
NuiAvatarGroup
Eine Reihe überlappender Avatare. Benenne sie mit aria-label.