Import

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

NuiAvatar

Isang larawan o initials, na ipinangalan sa tao.

Selector
[nuiAvatar]
NuiAvatar: Mga property
PangalanUriDefaultPaglalarawan
nameInputstringAng pangalan ng tao. Dito nagmumula ang accessible name, ang initials at ang kulay.
srcInputstringURL ng larawan. Kapag hindi ito nag-load, initials ang ipinapakita.
sizeInput'sm' | 'md' | 'lg''md'Laki: sm, md o lg.
shapeInput'circle' | 'square''circle'circle o square.
statusInput'online' | 'away' | 'busy' | 'offline'Isang presence dot: online, away, busy o offline.
labelInputstringAccessible name na nagsasabi nang higit pa sa pangalan, gaya ng “Ada Lovelace, online”.
decorativeInputbooleanfalseItinatago ang avatar sa assistive technology, para sa mga avatar na katabi ng nakikitang pangalan.

NuiAvatarGroup

Isang hanay ng magkakapatong na avatar. Pangalanan ito gamit ang aria-label.

Selector
[nuiAvatarGroup]