Avatar

0.6.0-alpha.7

Avatar style variants can be defined in the

theme.images

object and uses

theme.images.avatar

by default.

import { Avatar } from 'theme-ui';

({ src, size }) => (
  <Avatar src={src} size={size} />
)

	Name	Description	Default
ImgHTMLAttributes (1 properties)

	src	string	-
AvatarProps (1 properties)

	Name	Description	Default
BoxOwnProps (4 properties)

	as	ElementType<any>	-
	variant	string	-
	css	Interpolation<any>	-
	sx	ThemeUIStyleObject	-
SpaceProps (28 properties)
ImgHTMLAttributes (11 properties)
HTMLAttributes (44 properties)
OpacityProps (1 properties)
AriaAttributes (48 properties)
DOMAttributes (161 properties)
Attributes (1 properties)
AvatarProps (1 properties)
BackgroundColorProps (2 properties)
RefAttributes (1 properties)