Avatar

Developer documentation

Default avatar

Colored avatar

Avatar with letter

Avatar with Initials and Colors

Gravatars

Avatar with image

Avatar list

Dense avatar list

import { AvatarModule } from '@ffdc/uxg-angular-components/avatar';

This module exposes 2 components :

uxg-avatar

uxg-avatar-list

Property	Type	Default Value	Description
name	string		Set this property to have an avatar with initials
color	primary' \| 'accent' \| 'gradient' \| 'initials'	gradient	Changes the color of the avatar. 'initials' property will give a color based on the name.
gravatarEmail	string		Email of your gravatar account
defaultGravatar	string		Default gravatar avatars. See here for full list

Be curious, check the code here 👀
Star the repo ⭐️
Contribute 💃🕺