ઇમ્પોર્ટ
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 વડે નામ આપો.