Avatars - Skeleton

undefined

<script lang="ts">
    import { Avatar } from '@skeletonlabs/skeleton-svelte';

    const imgSrc = "https://images.unsplash.com/photo-1620122303020-87ec826cf70d?q=80&w=256&h=256&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D";

    // FIXME: required for Astro bug
    let {} = $props<any>()
</script>

<Avatar src={imgSrc} alt="skeleton" />

Fallback

When the src prop is undefined, default children will show. This can be used for initials, icons, or fallback images.

<Avatar>SK</Avatar>
<Avatar>💀</Avatar>