Avatar

An avatar is a visual used to represent a user. It may contain an image or a placeholder graphic.

Examples

Basic

avatar

Bordered

avatar

Size variations

Small
avatar
Medium
avatar
Large
avatar
Extra Large
avatar

Props

Avatar

*required
NameTypeDefaultDescription
altrequiredstringAttribute that specifies the alternate text of the image for the avatar.
classNamestringAdditional classes added to the avatar.
isBorderedbooleanFlag to indicate the avatar should have a border.
size'sm' | 'md' | 'lg' | 'xl'Size variant of avatar.
srcstring''Attribute that specifies the URL of the image for the avatar.

CSS variables

Expand or collapse columnSelectorVariableValue

View source on GitHub