Avatar
Description
A component that represents a user
Avatars are used to represent users, teams, or entities in the system. They can display images, initials, and presence indicators.
The Persona component builds upon Avatar by adding textual information like name, role, and status, making it ideal for profile cards or contact lists.
Samples
Avatar Sizes and Presence
Avatars support various sizes from XSmall to XLarge and optional presence states.
Initials Fallback
When no image is provided, initials are displayed with a generated background color derived from a deterministic hash of the initials.
Persona Component
Personas combine an avatar with descriptive text.