Components
Avatar
The Avatar
component is used to display a user's profile picture or initials.
Targets
Experience Builder SitesExample
Data Structure
The Avatar
component expects an Expression that evaluates to the following data structure:
{ avatarUrl: string } | { initials: string } | { useIcon: boolean }
It can either have an avatarUrl
property, which is a string that represents the URL of the image to display, or an initials
property, which is a string that represents the initials of the user. If the useIcon
property is set to true
, the component will display an icon instead of an image.
Properties
- Size: The size of the avatar. It can be
small
,medium
, orlarge
. - Style: The style of the avatar. It can be
circle
,rounded
, orsquare
.