Use online instead of is-online on avatar

This commit is contained in:
Grzegorz Leoniec 2019-03-15 17:48:16 +01:00
parent e76fed663c
commit 3f7a00b8b9
No known key found for this signature in database
GPG Key ID: 3AA43686D4EB1377
2 changed files with 11 additions and 11 deletions

View File

@ -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 {

View File

@ -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
/>
```