1.0.3 • Published 4 years ago
svelte-gravatar v1.0.3
svelte-gravatar
Svelte component for rendering a gravatar profile image. Adjusts automatically to HiDPI displays.
Based on the brilliant react-gravatar from Kyle Mathews.
Demo
https://svelte-gravatar.now.sh/
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
- alt as
Gravatar for {email}
- retro backup faces for emails without profiles
- only load image when on the screen
Props
- size
- alt
- rating = 'g';
- md5
- protocol
- useWaypoint
- waypointOptions - Please refer to svelte-waypoint
- domain
- default
- class
- style
Use defaults
<Gravatar email="jocolopes@gmail.com" />
Override all defaults
<Gravatar
email="jocolopes@gmail.com"
size={100}
rating="pg"
default="monsterid"
alt="Image from email"
useWaypoint={false}
domain="www.gravatar.com"
protocol="http://"
/>