ಇಂಪೋರ್ಟ್
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 ಮೂಲಕ ಹೆಸರು ನೀಡಿ.