Avatar component para sa Angular

Nagpapakita ang nuiAvatar component ng larawan, o ng initials ng tao kapag wala itong larawan o hindi ito nag-load. Nakapatong ang initials sa kulay na kinukuwenta mula sa pangalan, kaya pareho ang kulay ng iisang tao saan man.

Nililimitahan ang lightness at chroma ng bawat hue para manatiling lampas sa 4.5:1 ang contrast ratio ng puting initials, anuman ang pangalan at ang tema.

Initials, larawan at status

Kapag walang src, galing sa name ang initials at ang kulay. Nagdadagdag ang status ng presence dot.

Mga grupo, laki at hugis

Pinagpapatong-patong ng nuiAvatarGroup ang isang hanay ng mga avatar. Tumatanggap ang size ng sm, md o lg, at bagay ang shape="square" sa mga team at app.