Avatar

Default avatarlink
Colored avatarlink
Avatar with letterlink
RH
RH
R
Avatar with Initials and Colorslink
RB
RH
TT
FO
JS
AM
Gravatarslink
Avatar with imagelink
Avatar listlink
      RB
      TT
    • +4
Dense avatar listlink
      R
    • +6

Imports

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

This module exposes 2 components :

Inputs

PropertyTypeDefault ValueDescription
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 💃🕺