Basic Example
Sizes
Avatar comes in six different sizes. The default size is l.
Shapes
Avatar supports three different shapes: circle, square, and hexagon. The default shape is circle.
Selected State
Avatars can show a selected state with a border indicator.
Fallback Image
If you do not provide a src or if the provided src does not resolve, Avatar will surface a placeholder image.
Fallback with Colors
We've created a palette of identity colors using our CDS spectrum colors. When used as fallback, these colors will generate based on the provided name.