Avatar

Setup

<script>
  import { Avatar } from "svelte-5-ui-lib";
</script>

Interactive Avatar Bilder

<Avatar />

Examples

Jese Leos
Joined in August 2014
<script lang="ts">
  import { Avatar } from 'svelte-5-ui-lib';
</script>

<div class="flex items-center space-x-4 rtl:space-x-reverse">
  <Avatar src="/images/profile-picture-1.webp" cornerStyle="rounded" />
  <div class="space-y-1 font-medium dark:text-white">
    <div>Jese Leos</div>
    <div class="text-sm text-gray-500 dark:text-gray-400">Joined in August 2014</div>
  </div>
</div>

Component data