Examples
Examples
Basic Usage
Avatars can be displayed in one of five different sizes, but also accept any custom size set via styles.

Framed
Avatar can be framed when it's placed in front of a surface that is not plain light or dark, allowing it to stand out from the background

Initials Fallback
When no image is provided the initials are automatically derived from the given name as a fallback.

Appearance
By default, the Avatar adapts to a light mode environment and appears light. In a dark mode environment, we recommend changing the Avatar's appearance to dark instead.