An elegant and easy to use letter avatar component for vue.js 2.0+
$ yarn add vue-letter-avatar
or
$ npm install vue-letter-avatar
import VueLetterAvatar from 'vue-letter-avatar';
Vue.use(VueLetterAvatar);
Create avatar
<vue-letter-avatar name='aide' size='40' :rounded=true />
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 |
// 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