🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An elegant and easy to use letter avatar generator for Vue.js 2+ app. Inspired by Google.com.

Other

Documentation

vue-letter-avatar

demo

Introduction

An elegant and easy to use letter avatar component for vue.js 2.0+

Install

$ yarn add vue-letter-avatar

or

$ npm install vue-letter-avatar

Usage

import VueLetterAvatar from 'vue-letter-avatar';  Vue.use(VueLetterAvatar);

Create avatar

<vue-letter-avatar name='aide' size='40' :rounded=true /> 

Properties

Name Required Type Default Description
name true String the name of avatar
size false String 50 the size of avatar
rounded false Boolean false if is a rounded avatar

Development

// first clone the repo  $ git clone https://github.com/aidewoode/vue-letter-avatar.git  // install all dependencies  $ yarn install  // you can check the result on development server  $ yarn run server  // bundle the file  $ yarn run bundle

You May Also Like