இம்போர்ட்

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

NuiAvatar

ஒரு படம் அல்லது முதலெழுத்துகள்; அந்த நபரின் பெயரே அதன் அணுகல் பெயர்.

செலக்டர்
[nuiAvatar]
NuiAvatar: பண்புகள்
பெயர்வகைஇயல்புநிலைவிளக்கம்
nameஇன்புட்stringநபரின் பெயர். அணுகல் பெயர், முதலெழுத்துகள், வண்ணம் ஆகியவை இதிலிருந்தே வருகின்றன.
srcஇன்புட்stringபடத்தின் URL. அது ஏற்றப்படாவிட்டால், அதற்குப் பதிலாக முதலெழுத்துகள் தோன்றும்.
sizeஇன்புட்'sm' | 'md' | 'lg''md'அளவு: sm, md அல்லது lg.
shapeஇன்புட்'circle' | 'square''circle'circle அல்லது square.
statusஇன்புட்'online' | 'away' | 'busy' | 'offline'இருப்பு நிலைப் புள்ளி: online, away, busy அல்லது offline.
labelஇன்புட்stringபெயரைவிட அதிகம் சொல்லும் அணுகல் பெயர், எடுத்துக்காட்டாக “Ada Lovelace, ஆன்லைனில்”.
decorativeஇன்புட்booleanfalseகண்ணுக்குத் தெரியும் பெயருக்கு அருகில் உள்ள அவதார்களுக்காக, அவதாரை உதவித் தொழில்நுட்பங்களிடமிருந்து மறைக்கிறது.

NuiAvatarGroup

ஒன்றின் மேல் ஒன்று படியும் அவதார்களின் வரிசை. அதற்கு aria-label மூலம் பெயரிடுங்கள்.

செலக்டர்
[nuiAvatarGroup]