Module: Avatar

Renders an avatar component with optional file upload.

Parameters:

Name	Type	Attributes	Default	Description
`children`	React.ReactNode \| Array.<React.ReactNode>	<optional>		React element children
`customAttributes`	Record.<string, any>	<optional>		Custom attributes for the component
`customClasses`	string \| Array.<string> \| Record.<string, boolean>	<optional>		Custom classes for the component
`fileUploadProps`	Record.<string, any>	<optional>		Props for the file upload component
`hasUpload`	boolean	<optional>	false	Whether to show the upload button
`hideNoImageIcon`	boolean	<optional>	false	Whether to show the no image icon in the background.
`hideLogo`	boolean	<optional>	false	Whether to hide the logo
`imageFile`	string	<optional>	''	The image file for the avatar
`Logo`	React.ComponentType	<optional>	null	The logo component
`noImageIcon`	string	<optional>	'user'	The icon to show when no image is present
`noImageIconPrefix`	string	<optional>	'gravity-component-icon'	The icon prefix
`size`	'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl'	<optional>	'lg'	The size of the avatar
`spacing`	string \| number \| Array.<string> \| Record.<string, any>	<optional>	''	The spacing for the component
`ref`	React.RefObject.<HTMLElement> \| null			Ref to the component

Returns:

The avatar component.

Example

import Avatar from '@gravityforms/components/react/admin/modules/Avatar';

return (
    <Avatar>
        { 'children' }
    </Avatar>
);