GitXplorerGitXplorer
K

react-gravatar

public
279 stars
33 forks
12 issues

Commits

List of commits on branch master.
Verified
715ffda257838a49a33cda26239bec70c0ea566f

Merge pull request #149 from escaladesports/master

ggetaaron committed 4 years ago
Verified
fea4025152312f40883c50bbdc13693058c0b420

Merge pull request #148 from davidjb/patch-1

ggetaaron committed 4 years ago
Verified
cba4fb3195f3e68a4018fdec16b630f89f828dc0

Merge pull request #142 from kapetan/fix-prop-types

ggetaaron committed 4 years ago
Verified
cfe6442935c66c06b4e85c4e23412a4a97dc5859

Merge pull request #150 from stefanomasini/master

ggetaaron committed 4 years ago
Verified
c3ea711ecf61ddd5f78b1e8fef5cfeb80e04793a

Merge pull request #152 from lukaselmer/patch-1

ggetaaron committed 4 years ago
Verified
0a78b5b149c44ccb5ee5bb22b75b184eef53f928

Document all properties, convert samples to jsx

llukaselmer committed 5 years ago

README

The README file for this repository.

react-gravatar

React component for rendering a gravatar profile image. Adjusts automatically to HiDPI displays.

Demo

http://kyleamathews.github.io/react-gravatar/

Install

npm install react-gravatar

Usage

See https://en.gravatar.com/site/implement/images/ for documentation on all the options.

Avoid exposing email

If you wish to avoid sending an email address to the client, you can compute the md5 hash on the server and pass the hash to the component using the md5 prop instead of the email prop.

Defaults

  • 50x50 image
  • g rated photos
  • http
  • retro backup faces for emails without profiles
  • react-gravatar css class

Use defaults

<Gravatar email="mathews.kyle@gmail.com" />

Override all defaults

<Gravatar
	email="mathews.kyle@gmail.com"
	size={100}
	rating="pg"
	default="monsterid"
	className="CustomAvatar-image"
	style={{margin: '10px'}}
	protocol="https://"
/>