vue-letter-avatar
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
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.1.6 | ^2.3.3 | MIT | |
| 0.1.5 | ^2.3.3 | MIT | |
| 0.1.4 | ^2.3.3 | MIT | |
| 0.1.3 | ^2.3.3 | MIT | |
| 0.1.2 | ^2.3.3 | MIT | |
| 0.1.1 | ^2.3.3 | MIT | |
| 0.1.0 | ^2.3.3 | MIT | |
| 0.0.1 | MIT |