Angular 아바타 컴포넌트

nuiAvatar 컴포넌트는 사진을 보여 주며, 사진이 없거나 불러오지 못하면 그 사람의 이니셜을 표시합니다. 이니셜의 배경색은 이름으로 계산되므로, 같은 사람은 어디서나 같은 색상으로 표시됩니다.

모든 색상(hue)은 밝기와 채도에 상한을 두어, 이름이나 테마와 관계없이 흰색 이니셜이 항상 4.5:1보다 높은 명도 대비를 유지합니다.

이니셜, 사진, 상태

src가 없으면 이니셜과 색상은 name에서 정해집니다. status는 접속 상태를 나타내는 점을 추가합니다.

nuiAvatarGroup은 아바타를 한 줄로 겹쳐 놓습니다. size에는 sm, md, lg를 지정할 수 있으며, shape="square"는 팀이나 앱에 잘 어울립니다.