This package has been deprecated

Author message:

Use evergreen-ui instead, see https://github.com/segmentio/evergreen/releases/tag/v1.0.0

evergreen-avatar

Avatar

evergreen-avatar is a package exporting a Avatar React component. Avatars display a circle containing a user profile image. If the image is not available, the initials will be shown.

Design Example

Prop types and default props

static propTypes = {
  ...Image.propTypes,
  size: PropTypes.number,
  name: PropTypes.string,
  // hash value defaults to name
  hashValue: PropTypes.string,
  hash: PropTypes.func,
  isSolid: PropTypes.bool,
  appearance: PropTypes.oneOf(keysFillAppearances),
  getInitials: PropTypes.func,
}
 
static defaultProps = {
  size: 24,
  hash: globalHash,
  isSolid: false,
  getInitials: globalGetInitials,
}