Avatar

• Implementations
  • Vuetify
  • Shoelace
• API

Implementations

<div>
<!-- link only -->
<x-avatar
    image="https://upload.wikimedia.org/wikipedia/commons/8/8b/Avatar_penguin.png"
></x-avatar>
</div>
<div>
<!-- link and name -->
<x-avatar
    image="https://upload.wikimedia.org/wikipedia/commons/8/8b/Avatar_penguin.png"
    name="Penguing"
></x-avatar>
</div>
<div>
<!-- name only -->
<x-avatar name="Penguing"></x-avatar>
</div>
<div>
<!-- with a size -->
<x-avatar
    image="https://upload.wikimedia.org/wikipedia/commons/8/8b/Avatar_penguin.png"
    size="200px"
></x-avatar>
</div>

Vuetify

Shoelace

API

The API is documented in XS documentation.