Angular ಗಾಗಿ ಅವತಾರ್ ಕಾಂಪೊನೆಂಟ್

nuiAvatar ಕಾಂಪೊನೆಂಟ್ ಒಂದು ಚಿತ್ರವನ್ನು ತೋರಿಸುತ್ತದೆ; ಚಿತ್ರ ಇಲ್ಲದಿದ್ದರೆ ಅಥವಾ ಲೋಡ್ ಆಗದಿದ್ದರೆ, ವ್ಯಕ್ತಿಯ ಆದ್ಯಾಕ್ಷರಗಳನ್ನು ತೋರಿಸುತ್ತದೆ. ಆದ್ಯಾಕ್ಷರಗಳು ಹೆಸರಿನಿಂದ ಲೆಕ್ಕಹಾಕಿದ ಬಣ್ಣದ ಮೇಲೆ ಇರುತ್ತವೆ, ಹಾಗಾಗಿ ಒಬ್ಬ ವ್ಯಕ್ತಿಗೆ ಎಲ್ಲೆಡೆ ಒಂದೇ ಬಣ್ಣ ಇರುತ್ತದೆ.

ಹೆಸರು ಮತ್ತು ಥೀಮ್ ಯಾವುದೇ ಇರಲಿ, ಬಿಳಿ ಆದ್ಯಾಕ್ಷರಗಳು 4.5:1 ಕಾಂಟ್ರಾಸ್ಟ್ ಅನುಪಾತಕ್ಕಿಂತ ಮೇಲೆ ಉಳಿಯುವಂತೆ ಪ್ರತಿಯೊಂದು ವರ್ಣಛಾಯೆಯ ಪ್ರಕಾಶ (lightness) ಮತ್ತು ವರ್ಣಗಾಢತೆಯನ್ನು (chroma) ಮಿತಿಗೊಳಿಸಲಾಗುತ್ತದೆ.

ಆದ್ಯಾಕ್ಷರಗಳು, ಚಿತ್ರಗಳು ಮತ್ತು ಸ್ಟೇಟಸ್

src ಇಲ್ಲದಿದ್ದರೆ, ಆದ್ಯಾಕ್ಷರಗಳು ಮತ್ತು ಬಣ್ಣ name ನಿಂದ ಬರುತ್ತವೆ. status ಲಭ್ಯತೆಯನ್ನು ತೋರಿಸುವ ಒಂದು ಚುಕ್ಕೆಯನ್ನು ಸೇರಿಸುತ್ತದೆ.

ಗುಂಪುಗಳು, ಗಾತ್ರಗಳು ಮತ್ತು ಆಕಾರಗಳು

nuiAvatarGroup ಅವತಾರ್‌ಗಳ ಸಾಲನ್ನು ಒಂದರ ಮೇಲೊಂದು ಸ್ವಲ್ಪ ಚಾಚುವಂತೆ ಜೋಡಿಸುತ್ತದೆ. size sm, md ಅಥವಾ lg ಅನ್ನು ಸ್ವೀಕರಿಸುತ್ತದೆ, ಮತ್ತು ತಂಡಗಳು ಹಾಗೂ ಆ್ಯಪ್‌ಗಳಿಗೆ shape="square" ಸೂಕ್ತ.