Miss any of our Open RFC calls?Watch the recordings here! »

vue-gravatar

1.3.1 • Public • Published

vue-gravatar

Build Status NPM Version NPM Dowloads

A dead-simple gravatar component for VueJS applications.

DEMO

Installation

yarn add vue-gravatar

Usage

Register the component

import Vue from 'vue';
import Gravatar from 'vue-gravatar';
 
Vue.component('v-gravatar', Gravatar);

You may now use the component in your markup

<v-gravatar email="somebody@somewhere.com" />

Props

The following props are available:

  • hash (type: String) md5 hash of the gravatar
  • email (type: String) email address of the gravatar (used when md5 hash not given)
  • size (type: Number, default: 80) size of the avatar
  • default-img (type: String, default: 'retro') default image type (see. http://en.gravatar.com/site/implement/images/)
  • rating (type: String, default: 'g') rating of the image (see. http://en.gravatar.com/site/implement/images/)
  • alt (type: String, default: 'Avatar') The alternative text of the image

Example

<v-gravatar hash="f3ada405ce890b6f8204094deb12d8a8" alt="Nobody" :size="200" default-img="mm" />

License

The MIT License (MIT) - See file 'LICENSE' in this project

Copyright

Copyright © 2017 Jiří Chára. All Rights Reserved.

Keywords

none

Install

npm i vue-gravatar

DownloadsWeekly Downloads

2,492

Version

1.3.1

License

MIT

Unpacked Size

24.8 kB

Total Files

6

Last publish

Collaborators

  • avatar