components

Avatar

Display user profile pictures or icons

Source CodeRadix UI
Loading

Installation



Usage


Imports


/components/ui/avatar.tsx


Code


/components/ui/avatar.tsx




Examples


Size


Loading


Fallback


Loading


Status


Loading


With Custom Status


Loading


With Ring


Loading


Rounded - Square


Loading


Avatar Group


Loading




Props


<Avatar>
NameDefaultValues
size40162024324048566480
roundedcirclecirclesquare
External Reference--
<AvatarImage>
NameDefaultValues
External Reference--
<AvatarFallback>
NameDefaultValues
External Reference--
<AvatarIndicator>
NameDefaultValues
<AvatarStatus>
NameDefaultValues
variantonlineonlineofflinebusyaway
size40162024324048566480
External Reference--
Alert DialogBadge