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.
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.
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
| Dropdown menu with Vuejs | http://www.onlinecode.org/vuejs-dropdown-dropdown-menu-vuejs/ |
| Vue Dropdown Component with demo- vuejs | http://www.onlinecode.org/vue-dropdown-component-vuejs/ |
| V-Charts : Graphical components based on Vue 2.0 & ECharts | http://www.onlinecode.org/v-charts-graphical-components-based-vue-2/ |
| minimal Material Todo List using Vue demo and example | http://www.onlinecode.org/minimal-material-todo-list-using-vue/ |
| Easy and beautiful charts using Vue.js | http://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