Vue Gravatar

A dead-simple gravatar component for VueJS
Alternatives To Vue Gravatar
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Vue Gravatar108
a year ago9mitJavaScript
A dead-simple gravatar component for VueJS
Unnue Nuxt100
6 months agomitVue
开媛笔记,基于nuxt ssr首屏服务器端渲染 ⚡。用于分享、记录、交流和学习,希望可以帮助到小伙伴们。同时网站在永久更新,备好鸡血,一起来战 Ooh aah!
Gravatar Url Generator33
3 years ago2apache-2.0Vue
A fun and friendly generator of Gravatar urls.
Vuejs Slack Clone Realtime31
6 years agoVue
Slack clone using VueJS and firebase
Vue Avataaars10
2 years ago4November 30, 201921mitVue
A vue js port of the Sketch library Avataaars from avataaars.com
Halo Comment Normal9
a year ago6March 31, 2022Vue
💬 Halo comment component.
Laravel Wordsmith7
3 years ago4mitPHP
📢 The blog was created using the Laravel 6.1 Framework
Aloud6
3 years ago13mitVue
A commenting engine. Aloud your comments.
Advanced Crud Vue5
5 years ago7PHP
An advance crud example with vue and laravel
Fund Management System With Jurisdiction3
4 years agoVue
这是一个使用vue搭建的一个带权限的基金管理系统
Alternatives To Vue Gravatar
Select To Compare


Alternative Project Comparisons
Readme

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="[email protected]" />

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.

Popular Gravatar Projects
Popular Vue Projects
Popular Media Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Vue
Types
Rating
Hash
Avatar
Gravatar