v2.1.1 - Add customStyle prop

README.md

@@ -101,6 +101,11 @@ new Vue({
     <td> - </td>
     <td> String </td>
     <td>Path to the avatar image to display.</td></tr>
+  <tr><td>:customStyle</td>
+    <td> N </td>
+    <td> - </td>
+    <td> Object </td>
+    <td>A custom style object to override the base styles.</td></tr>
   <tr><td>backgroundColor</td>
     <td> N </td>
     <td> - </td>

documentation/_getting-started.pug

@@ -120,6 +120,12 @@ a(href='https://github.com/eliep/vue-avatar')
           td  - 
           td  String 
           td Path to the avatar image to display.
+        tr
+          td :customStyle
+          td  N 
+          td  - 
+          td  Object 
+          td A custom style object to override the base styles.
         tr
           td backgroundColor
           td  N 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-avatar",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Avatar component for Vue.js",
   "author": "[email protected]",
   "license": "MIT",

src/Avatar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vue-avatar--wrapper" :class="customClass" :style="style">
+  <div class="vue-avatar--wrapper" :style="[style, customStyle]">
     <span v-if="!this.src">{{ userInitial }}</span>
   </div>
 </template>
@@ -21,8 +21,8 @@ export default {
     color: {
       type: String
     },
-    customClass: {
-      type: String
+    customStyle: {
+      type: Object
     },
     size: {
       type: Number,