React documented
Component Status
Component checklist
Flutter documented
Design
Is the design finished and component available in Figma library?
Up to date
React
Is new design vision part implemented using new tokens?
Up to date
Flutter
Is new design vision part implemented using new tokens?
Up to date
Introduction
In Mews products, an Avatar typically represents a user, property, or specific entity. Avatars can be combined with a badge or brand image to provide additional context.
In most cases, users can upload their own images, but if no image is provided, the Avatar will display the user's initials as a fallback.
Additionally, an Icon Avatar can be used to represent specific entities in predefined scenarios.
Related components