Avatar

An Avatar is a visual representation of a user or property, represented by their initials or an image.

Component Status

Component checklist

React documented

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 or a property. Avatars are often combined with status or property indicators to show additional context. Users can upload their own images, but if no image is provided, the Avatar will display the user's initials.

Avatar Button - Overview example