Content

Avatar

A person’s initials or photo in a circle.

iOSReact NativeAndroidReact NativeReact Native tier — renders anywhere

iOSReact Native

AndroidReact Native

Import

import {Avatar} from '@hzblj/kara-ui'

A round avatar: the image in source, or initials without one. The React Native tier — it needs no host.

Prop	Type	Default	Description
initials	string	—	Shown in place of the image when there is no `source`.
size	'lg' \| 'md' \| 'sm'	'md'	The diameter — `sm` is `s24`, `md` `s40`, `lg` `s64`. `md` by default.
source	ImageSourcePropType	—	The image, cropped to the circle.
testID	string	—	Test identifier, forwarded to the view.

initials

string

Shown in place of the image when there is no source.

size'md'

'lg' | 'md' | 'sm'

The diameter — sm is s24, md s40, lg s64. md by default.

source

ImageSourcePropType

The image, cropped to the circle.

testID

string

Test identifier, forwarded to the view.