flbxcup/resources/js/components/ui/avatar/avatar-image.svelte
2025-06-23 23:12:40 +02:00

17 lines
361 B
Svelte

<script lang="ts">
import { Avatar as AvatarPrimitive } from "bits-ui";
import { cn } from "@/lib/utils.js";
let {
ref = $bindable(null),
class: className,
...restProps
}: AvatarPrimitive.ImageProps = $props();
</script>
<AvatarPrimitive.Image
bind:ref
data-slot="avatar-image"
class={cn("aspect-square size-full", className)}
{...restProps}
/>