12.24.0

Avatars




Avatar

Default


Monogram


This is used when there is no avatar for a particular user.

Bad Image Link


A monagram is used as a fallback when an invalid or missing image url is provided.

Status


The Status prop is used to display a user's online status like popular chat apps.

Avatar Action Button

Default


Placement


Actions


On Click


Multiple Users

Default


Reverse


Size


User avatar default size is xs or 28px, but you can pass in xxs to change avatar size to 20px.

Multiple Users Stacked

Default


User

Default


With Territory


Text Only


Horizontal Size


Vertical Size


Subtitle


Block Content Subtitle


The subtitle prop accepts strings as well as nodes. Whatever node is passed will display in the subtitle section.