Avatar

Basic Avatar

Avatar Variants

Presence Indicator

Avatar Sizes

Avatar With Images

Avatar With Icons

Grouped Avatars

Grouped and Total Avatars

Avatar automatic color

A very common situation is when you need to set the avatar color automatically, for this purpose the automaticColor parameter was invented, which indicates the background color, and the text color and border border-muted are calculated automatically.

This will be useful if you set avatar colors for example from the admin and want to randomly set avatar colors. Now you just need to set the background color using the automaticColor="#hexColor" parameter with valid hex color.

Avatar with custom background placeholder