Impor

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

NuiAvatar

Foto atau inisial, yang diberi nama sesuai orangnya.

Selektor
[nuiAvatar]
NuiAvatar: Properti
NamaTipeDefaultDeskripsi
nameInputstringNama orang tersebut. Nama aksesibel, inisial, dan warna diambil darinya.
srcInputstringURL foto. Jika gagal dimuat, inisial ditampilkan sebagai gantinya.
sizeInput'sm' | 'md' | 'lg''md'Ukuran: sm, md, atau lg.
shapeInput'circle' | 'square''circle'circle atau square.
statusInput'online' | 'away' | 'busy' | 'offline'Titik status kehadiran: online, away, busy, atau offline.
labelInputstringNama aksesibel yang menyampaikan lebih dari sekadar nama, misalnya “Ada Lovelace, sedang online”.
decorativeInputbooleanfalseMenyembunyikan avatar dari teknologi bantu, untuk avatar yang berada di samping nama yang terlihat.

NuiAvatarGroup

Sederet avatar yang saling bertumpuk. Beri nama dengan aria-label.

Selektor
[nuiAvatarGroup]