คอมโพเนนต์ Avatar สำหรับ Angular

คอมโพเนนต์ nuiAvatar แสดงรูปภาพ หรือแสดงอักษรย่อชื่อของบุคคลนั้นเมื่อไม่มีรูปหรือโหลดรูปไม่สำเร็จ อักษรย่อจะอยู่บนสีที่คำนวณจากชื่อ คนเดียวกันจึงได้สีเดียวกันในทุกที่

ทุกเฉดสีถูกจำกัดความสว่างและความสดของสีไว้ในระดับที่ทำให้อักษรย่อสีขาวมีคอนทราสต์มากกว่า 4.5:1 เสมอ ไม่ว่าจะเป็นชื่อใดหรือธีมใด

อักษรย่อ รูปภาพ และสถานะ

หากไม่มี src อักษรย่อและสีจะมาจาก name ส่วน status จะเพิ่มจุดแสดงสถานะการออนไลน์

กลุ่ม ขนาด และรูปทรง

nuiAvatarGroup วาง Avatar หลายตัวซ้อนกันเป็นแถว size รับค่า sm md หรือ lg และ shape="square" เหมาะกับทีมและแอป