Nightly Procrastination Machine

    vue-gravatar

    1.4.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
    • protocol (type: String, default: '') The protocol to use (use 'https' in electron apps)
    • hostname (type: String, default: 'www.gravatar.com') Alternative hostname for gravatar images

    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,421

    Version

    1.4.1

    License

    MIT

    Unpacked Size

    25.2 kB

    Total Files

    6

    Last publish

    Collaborators

    • jiri