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

vue-gravatar

 

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" />

Props

The following props are available:

  • default-img (type: String, default: ‘retro’) default image type (see. http://en.gravatar.com/site/implement/images/)
  • hash (type: String) md5 hash of the gravatar
  • rating (type: String, default: ‘g’) rating of the image (see. http://en.gravatar.com/site/implement/images/)
  • 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

YOU ALSO LIKE RELATED POSTS

See this Url
Dropdown menu with Vuejshttp://www.onlinecode.org/vuejs-dropdown-dropdown-menu-vuejs/
Vue Dropdown Component with demo- vuejshttp://www.onlinecode.org/vue-dropdown-component-vuejs/
V-Charts : Graphical components based on Vue 2.0 & EChartshttp://www.onlinecode.org/v-charts-graphical-components-based-vue-2/
minimal Material Todo List using Vue demo and examplehttp://www.onlinecode.org/minimal-material-todo-list-using-vue/
Easy and beautiful charts using Vue.jshttp://www.onlinecode.org/easy-beautiful-charts-vue-js/




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 onlincode.org

Leave a Comment

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

45  +    =  47

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