dead-simple gravatar component using VueJS

dead-simple gravatar component using VueJS

In this post we will show you dead-simple gravatar component using VueJS, hear for dead-simple gravatar component using VueJS we will give you demo and example for implement.

dead-simple gravatar component using VueJS
dead-simple gravatar component using VueJS



A dead-simple gravatar component for VueJS applications.

Hear is Git hub like for Download, Demo and for information(Read More), it will help you into development and implement for dead-simple gravatar component using VueJS. This link of git will give you document, instruction, installation and other information.

Read More Demo Download

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="ingo@onlinecode" />


See also  VeeValidate - Simple Vuejs Input Validation

The following props are available:

  • default-img (type: String, default: ‘retro’) default image type (see.
  • hash (type: String) md5 hash of the gravatar
  • rating (type: String, default: ‘g’) rating of the image (see.
  • email (type: String) email address of the gravatar (used when md5 hash not given)
  • size (type: Number, default: 80) size of the avatar
  • alt (type: String, default: ‘Avatar’) The alternative text of the image


See this Url
Dropdown menu with Vuejs
Vue Dropdown Component with demo- vuejs
V-Charts : Graphical components based on Vue 2.0 & ECharts
minimal Material Todo List using Vue demo and example
Easy and beautiful charts using Vue.js
See also  vuex tutorial - Vuex Building Notes App

Hope this code and post will helped you for implement dead-simple gravatar component using VueJS. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve onlincode. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs

Leave a Comment

Your email address will not be published. Required fields are marked *

5  +  5  =  

We're accepting well-written guest posts and this is a great opportunity to collaborate : Contact US