الاستيراد
import { NuiAvatar, NuiAvatarGroup } from '@needless-ui/angular/avatar';NuiAvatar
صورة أو أحرف أولى، تحمل اسم الشخص.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
nameمُدخَل | string | اسم الشخص. ومنه يُستمَد الاسم الذي تقرؤه التقنيات المساعدة والأحرف الأولى واللون. | |
srcمُدخَل | string | رابط الصورة. وإذا تعذّر تحميلها، تظهر الأحرف الأولى بدلًا منها. | |
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.