KyleAMathews / React Gravatar
Licence: mit
React component for rendering a gravatar profile image
Stars: ✭ 257
Programming Languages
javascript
184084 projects - #8 most used programming language
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-gravatarcss class
Use defaults
<Gravatar email="[email protected]" />
Override all defaults
<Gravatar
email="[email protected]"
size={100}
rating="pg"
default="monsterid"
className="CustomAvatar-image"
style={{margin: '10px'}}
protocol="https://"
/>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].