Foxnouns.NET/Foxnouns.Frontend/src/lib/components/Avatar.svelte

15 lines
319 B
Svelte
Raw Normal View History

<script lang="ts">
import { DEFAULT_AVATAR } from "$lib";
type Props = { url: string | null; alt: string; lazyLoad?: boolean };
let { url, alt, lazyLoad }: Props = $props();
</script>
<img
class="rounded-circle img-fluid"
src={url || DEFAULT_AVATAR}
{alt}
width={200}
loading={lazyLoad ? "lazy" : "eager"}
/>