इम्पोर्ट
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 ने तिला नाव द्या.