Procredit

Avatar

Avatars can be used to represent people or objects. It supports images, Icons, or letters.

Four sizes and two shapes are available.

Image, Icon and letter are supported, and the latter two kinds of avatar can have custom colors and background colors.

LAL

Usually used for reminders and notifications.

^{0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9
0
1
2
3
4
5
6
7
8
9}

Avatar

Property	Description	Type	Default
icon	custom icon type for an icon avatar	ReactNode	-
shape	the shape of avatar	circle \| square	circle
size	the size of the avatar	number \| large \| small \| default	default
src	the address of the image for an image avatar	string	-
srcSet	a list of sources to use for different screen resolutions	string	-
alt	This attribute defines the alternative text describing the image	string	-
onError	handler when img load error, return false to prevent default fallback behavior	() => boolean	-
gap	Letter type unit distance between left and right sides	number	4