Paramount
Edit page
IntroductionCustomizationLayout
Components
AlertAvatarUsagePropsOverridesBadgeBoxButtonCheckboxCollapsibleContainerCounterDialogDividerDrawerFormFieldHeadingIconLabelListItemListPickerModalNativePickerParagraphPickerPopoverProgressBarRatingRow and ColumnSliderSwitchTextTextInputToastVisibleWheelPicker
ContributingReadme

Avatar

Display avatar image, with fallback to name initials

Usage

With image

Using initials

MI

Varying sizes

S
M
L

Props

overrides
Partial<{ root: overridewithstyle<avatarbaseprops, rootprops, styleprop<viewstyle>>; initials: overridewithstyle<avatarbaseprops, initialsprops, style<textprops, textstyle>>; image: overridewithstyle<...>; }> | undefined
source
Number | imageurisource | imageurisource[] | undefined
size
Number | "small" | "medium" | "large" | undefined
"medium"
name
String | undefined
isSolid
Boolean | undefined
false
color
"auto" | "neutral" | "blue" | "red" | "orange" | "yellow" | "green" | "teal" | "purple" | undefined
"auto"
testID
String | undefined

Overrides

export interface AvatarOverrides {
Root: RootProps;
Initials: InitialsProps;
Image: ImageProps;
}