Guidelines
When to use
- User identification: Use Avatars to identify users in profiles, tables, and details visually.
- Personalisation: The Avatar enhances the personalisation of a user or property profile by uploading images.
- Status indicators: Combine Avatars with status or property indicators to give more context.
Use Avatars to visually identify users in profiles, tables, and details.
The Avatar enhance personalisation of a user or property profile by uploading images.
When not to use
- Non-user content: Do not use Avatars for content that doesn't represent a specific user, property, or entity, such as system messages or automated notifications. Use a Banner or an Alert in this case. To indicate a message or notification, enable the optional Notification property.
- Limited space: Consider using text or icons instead in areas with limited screen space, such as compact lists.
- Redundant information: An additional avatar may be unnecessary if the context already clearly identifies the user or entity.
In case of limited space, non user content or straight forward content:
Don't use an Avatar to keep the Ui clean, if any extra indicator is need use an icon instead.
Sizes
Optional elements
The Avatar can be used with two optional properties:
- Notification: A Badge component used to indicate a notification.
- Emblem: An image at the bottom-right, usually representing a property logo.
