Overview

The Avatar component is used to represent the user and displays the profile picture, initials, or fallback icon.

Properties

Properties	Description
src	The SRC property sets or returns the value of the SRC attribute of an image. The required SRC attribute specifies the URL of an image.
name	A string used to identify, find, or announce an object
color	The color property describes the foreground color of an element's text content.
className	The className property can be used to add a CSS class to a component that accepts styling. In Clutch, the className property powers the visual styling panel and the class name itself is auto-generated. Additional class names can be passed to the component by twirling open the className control and passing in strings.
style	The style property accepts a CSS JavaScript object with camelCased properties rather than a CSS string. Using the style attribute as the primary means of styling elements is generally not recommended. The style is most often used in React applications to add dynamically-computed styles at render time. Learn more about the style property here.
children	The Children prop allows users to pass other components as a property, enabling users to compose together components.