AnuUNMAINTAINEDAvatar
Default
Default variant for avatar is light.
Use color prop to change the avatar color.
Using with AMenu component
If you use AMenu component along with AAvatar then you will use default slot of AAvatar component to show menu. Hence, some of the props will get discarded in favor of default slot usage.
You can refer to list of discarded props when default slot is used in API section.
Fill
You can use variant="fill" to create avatar with filled background.
Outlined
You can use variant="outline" to create outlined avatar.
Sizing
You can use font-size utility to adjust the size of avatar.
Roundness
You can adjust avatar roundness using border-radius utilities.
API
Interaction states like hover & active
Provide alt attribute for image given by src prop
Icon to render in avatar
Content to render inside avatar
Render image using this prop