aidewoode / vue-letter-avatar

A simple and elegant letter avatar component for vue.js

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

A simple and elegant letter avatar component for vue.js

License:MIT License


Languages

Language:JavaScript 53.0%Language:Vue 39.6%Language:HTML 7.4%