امپورٹ
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';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ان پٹ | boolean | false | اوتار کو معاون ٹیکنالوجی سے چھپاتا ہے، ان اوتاروں کے لیے جو نظر آنے والے نام کے ساتھ ہوں۔ |
NuiAvatarGroup
ایک دوسرے پر چڑھے اوتاروں کی قطار۔ اسے aria-label سے نام دیں۔