react-gravatar | Npm Package Usage Trend

react-gravatar

React component for rendering a gravatar profile image

🌟 react-gravatar의 README.md에 실시간 사용 차트를 표시하려면 아래 코드를 복사하세요.

## Usage Trend
[![Usage Trend of react-gravatar](https://npm-compare.com/img/npm-trend/THREE_YEARS/react-gravatar.png)](https://npm-compare.com/react-gravatar#timeRange=THREE_YEARS)

🌟 react-gravatar의 README.md에 GitHub Stars 트렌드 차트를 표시하려면 아래 코드를 복사하세요.

## GitHub Stars Trend
[![GitHub Stars Trend of react-gravatar](https://npm-compare.com/img/github-trend/react-gravatar.png)](https://npm-compare.com/react-gravatar)

패키지	다운로드	Stars	크기	Issues	발행일	라이선스

react-gravatar	23,415	282	-	12	8年前	MIT

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" />