Edit page
Home
Getting Started
Components
AlertAnimateHeightAvatarPropsExamplesAvatarListBadgeButtonButtonMenuCalendarCalendarRangeCardCarouselChipClickOutsideContainerContentLoaderCurrencyDataTableDatePickerDateTimePickerDividerDrawerDropdownFloatingActionsGoogleMapGridIconIconDotIfInfiniteScrollKW LogoLoaderModalMonthPickerMonthRangeNavIconOptionsTogglePaginationPartnerLogoResponsiveSVG IconSnackbarStaticMapStatusIndicatorTabTableTimePickerToastsTooltip
Forms
Typography
Utilities
Visualization Components

Avatar

Display a profile image or initials related to a person. If the image fails to load, it will fallback to the initials.

Props

className
String
[Empty string]
initials
String
required
size
'xsmall' │ 'small' │ 'medium' │ 'large'
'large'
thumbnail
String

Examples

Size Modifiers

GK
GK
GK

Display Profile Image