Import

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

NuiAvatar

Gambar utawa inisial, kanthi jenenge wong kasebut.

Selector
[nuiAvatar]
NuiAvatar: Properti
JenengJinisGawanKatrangan
nameInputstringJenenge wong. Jeneng aksesibel, inisial lan werna asale saka kene.
srcInputstringURL gambar. Yen gagal dimuat, inisial sing ditampilake minangka gantine.
sizeInput'sm' | 'md' | 'lg''md'Ukuran: sm, md utawa lg.
shapeInput'circle' | 'square''circle'circle utawa square.
statusInput'online' | 'away' | 'busy' | 'offline'Titik kasedhiyan: online, away, busy utawa offline.
labelInputstringJeneng aksesibel sing nerangake luwih saka jeneng, kayata “Ada Lovelace, lagi online”.
decorativeInputbooleanfalseNdhelikake avatar saka teknologi asistif, kanggo avatar sing ana ing sandhinge jeneng sing katon.

NuiAvatarGroup

Baris avatar sing tumpang-tindih. Wenehana jeneng nganggo aria-label.

Selector
[nuiAvatarGroup]