ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2026-01-20 20:01:25 +00:00
Code Issues Packages Projects Releases Wiki Activity
Ocelot-Social/src/system/components/data-display/Avatar/demo.md
Grzegorz Leoniec b3bde1aa2a
Added fixed size to avatar component
2019-03-15 11:24:37 +01:00

1.1 KiB
Raw Blame History

Basic usage

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

Sizes

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

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"
  :is-online="true" 
/>