Avatar

Property	Type	Description
`size`	`small` `medium` `large` `x-large`	(optional) Size of the Avatar. Options: `small` \| `medium` \| `large` \| `x-large`. Defaults to `medium`.
`children`	`React.ReactNode`	(optional) Content of the component.
`alt`	`string`	(optional) Used in combination with `src` to provide an alt attribute for the `img` element.
`src`	`string`	(optional) Specifies the path to the image.
`imgProps`	`ImgProps`	(optional) Image properties applied to the `img` element if the component is used to display an image.
`variant`	`primary` `secondary` `tertiary`	(optional) Override the variant of the component. Options: `primary` \| `secondary` \| `tertiary`. Defaults to `primary`.
`hasLabel`	`boolean`	(optional) If aria-hidden is set to `true` or if a label is given, typical inside a table or dl (definition list), then you can disable Avatar.Group as a dependent of Avatar. Use `true` to omit the `Avatar group required:` warning.
`backgroundColor`	`string`	(optional) Define a custom background color, instead of a variant. Use a Eufemia color.
`color`	`string`	(optional) Define a custom color to compliment the backgroundColor. Use a Eufemia color.
`skeleton`	`boolean`	(optional) If set to `true`, an overlaying skeleton with animation will be shown.
`Space`	`Various`	(optional) Spacing properties like `top` or `bottom` are supported.

Property	Type	Description
`label`	`string`	(required) The label description of the group of avatars.
`size`	`small` `medium` `large` `x-large`	(optional) Size of the Avatars, and "elements hidden text (+x)". Options: `small` \| `medium` \| `large` \| `x-large`. Defaults to `medium`.
`variant`	`primary` `secondary` `tertiary`	(optional) Override the variant of the Avatars. Options: `primary` \| `secondary` \| `tertiary`. Defaults to `primary`.
`maxElements`	`number`	(optional) Number of max displayed elements, including the "elements hidden text (+x)". Defaults to `4`.
`children`	`React.ReactNode`	(optional) The Avatars to group.
`skeleton`	`boolean`	(optional) If set to `true`, an overlaying skeleton with animation will be shown.
`Space`	`Various`	(optional) Spacing properties like `top` or `bottom` are supported.

#Avatar