vue-letter-avatar
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