Component avatar cho Angular

Component nuiAvatar hiển thị một ảnh, hoặc chữ cái đầu tên của người đó khi không có ảnh hay ảnh không tải được. Chữ cái đầu nằm trên một màu được tính từ tên, nên cùng một người luôn có cùng một màu ở mọi nơi.

Với mỗi sắc độ, độ sáng và độ bão hòa được giới hạn để chữ cái đầu màu trắng luôn có độ tương phản trên 4,5:1, bất kể tên và theme.

Chữ cái đầu, ảnh và trạng thái

Khi không có src, chữ cái đầu và màu được lấy từ name. status thêm một chấm trạng thái.

Nhóm, kích thước và hình dạng

nuiAvatarGroup xếp một hàng avatar chồng lên nhau. size nhận sm, md hoặc lg, còn shape="square" hợp với đội nhóm và ứng dụng.