इम्पोर्ट
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 से नाम दें।