AvatarProps

Name	Type	Default	Description
border?	boolean		Sets a border to the Avatar. jsx <Avatar border>AB</Avatar>
children?	React.ReactNode		Sets the Avatar children elements. jsx <Avatar>AB</Avatar>
className?	string		Sets additional classes to the Avatar. jsx <Avatar className="custom-class">AB</Avatar>
fillMode?	"null" | "solid" | "outline"	solid	Configures the fillMode of the Avatar. The available options are: solid outline null—Does not set a fillMode className. jsx <Avatar fillMode="outline">AB</Avatar>
rounded?	"null" | "small" | "large" | "medium" | "full"	medium	Configures the roundness of the Avatar. The available options are: small medium large full null—Does not set a rounded className. jsx <Avatar rounded="full">AB</Avatar>
size?	"null" | "small" | "large" | "medium"	medium	Configures the size of the Avatar. The available options are: small medium large null—Does not set a size className. jsx <Avatar size="large">AB</Avatar>
style?	React.CSSProperties		Sets additional CSS styles to the Avatar. jsx <Avatar style={{ backgroundColor: 'blue' }}>AB</Avatar>
themeColor?	"null" | "base" | "primary" | "secondary" | "tertiary" | "info" | "success" | "warning" | "error" | "dark" | "light" | "inverse"	base	Configures the themeColor of the Avatar. The available options are: base primary secondary tertiary info success error warning dark light inverse null—Does not set a themeColor className. jsx <Avatar themeColor="primary">AB</Avatar>
type?	string		Sets the type of the Avatar. The supported values are: image text icon jsx <Avatar type="image" src="avatar.jpg" />