diff --git a/src/system/components/data-display/Avatar/Avatar.vue b/src/system/components/data-display/Avatar/Avatar.vue
index 4a4b42e94..1898f2f9f 100644
--- a/src/system/components/data-display/Avatar/Avatar.vue
+++ b/src/system/components/data-display/Avatar/Avatar.vue
@@ -3,7 +3,7 @@
     class="ds-avatar"
     :class="[
       `ds-size-${this.size}`,
-      isOnline && 'is-online'
+      online && 'is-online'
     ]"
     :style="styles"
   >
@@ -50,7 +50,7 @@ export default {
       }
     },
     image: { type: String, default: null },
-    isOnline: { type: Boolean, default: false }
+    online: { type: Boolean, default: false }
   },
   data() {
     return {
diff --git a/src/system/components/data-display/Avatar/demo.md b/src/system/components/data-display/Avatar/demo.md
index 11b89bb01..8d4aa9312 100644
--- a/src/system/components/data-display/Avatar/demo.md
+++ b/src/system/components/data-display/Avatar/demo.md
@@ -9,14 +9,14 @@
 ## Sizes
 
 ```html
-<ds-avatar :is-online="true" size="small" name="Hans Peter"></ds-avatar>
-<ds-avatar :is-online="true" size="base" name="Hans Peter"></ds-avatar>
-<ds-avatar :is-online="true" size="large" name="Hans Peter"></ds-avatar>
-<ds-avatar :is-online="true" size="x-large" name="Hans Peter"></ds-avatar>
-<ds-avatar :is-online="true" size="x-large"></ds-avatar>
-<ds-avatar :is-online="true" size="large"></ds-avatar>
-<ds-avatar :is-online="true" size="base"></ds-avatar>
-<ds-avatar :is-online="true" size="small"></ds-avatar>
+<ds-avatar online size="small" name="Hans Peter"></ds-avatar>
+<ds-avatar online size="base" name="Hans Peter"></ds-avatar>
+<ds-avatar online size="large" name="Hans Peter"></ds-avatar>
+<ds-avatar online size="x-large" name="Hans Peter"></ds-avatar>
+<ds-avatar online size="x-large"></ds-avatar>
+<ds-avatar online size="large"></ds-avatar>
+<ds-avatar online size="base"></ds-avatar>
+<ds-avatar online size="small"></ds-avatar>
 ```
 
 ## Broken Image
@@ -42,6 +42,6 @@
 <ds-avatar 
   name="Hans Alba"
   image="https://s3.amazonaws.com/uifaces/faces/twitter/lisovsky/128.jpg"
-  :is-online="true" 
+  online 
 />
 ```