mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2026-01-20 20:01:25 +00:00
1.1 KiB
1.1 KiB
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"
/>