IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2026-02-06 09:55:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
Ocelot-Social/src/system/components/data-display/Avatar/demo.md
Grzegorz Leoniec 3f7a00b8b9
Use online instead of is-online on avatar
2019-03-15 17:48:16 +01:00

985 B
Raw Blame History

Basic usage

<ds-avatar 
  name="Hans Alba"
  image="https://s3.amazonaws.com/uifaces/faces/twitter/lisovsky/128.jpg" />

Sizes

<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

<ds-avatar 
  name="Peter Sommerfield"
  image="http://not-valid-image-link.org/image-does-not-exist.jpg" 
/>

Anonymus

<ds-avatar 
  image="http://not-valid-image-link##.org/image-does-not-exist.jpg" 
/>

Online Status

<ds-avatar 
  name="Hans Alba"
  image="https://s3.amazonaws.com/uifaces/faces/twitter/lisovsky/128.jpg"
  online 
/>