Vue adorable avatar

Adorable Avatar component for VueJS

Version: 1.0.0 Updated: 02/26/2020

By: juststeveking License: MIT

Install

npm i vue-adorable-avatar
yarn add vue-adorable-avatar

CDNs

bundle.run: https://bundle.run/vue-adorable-avatar

jsDelivr: https://cdn.jsdelivr.net/npm/vue-adorable-avatar

unpkg: https://unpkg.com/vue-adorable-avatar

vue-adorable-avatar

Node.js CI

A super simple adorable avatar component for VueJS applications.

Installation

yarn add vue-adorable-avatar

Usage

Register the component

import Vue from 'vue';
import AdorableAvatar from 'vue-adorable-avatar';

Vue.component('adorable-avatar', AdorableAvatar);

You may now use the component in your markup

<adorable-avatar email="email@example.com" />

Props

The following props are available:

  • email (type: String) email address to generate the avattar
  • size (type: Number, default: 285) size of the avatar
  • alt (type: String, default: 'Avatar') The alternative text of the image

Example

<adorable-avatar alt="Nobody" :size="200" />

License

The MIT License (MIT) - See file 'LICENSE' in this project

Categories: Vue js
Tags: