Files
MediaManager/web/src/lib/components/ui/avatar/avatar.svelte
2025-04-27 18:04:50 +02:00

19 lines
488 B
Svelte

<script lang="ts">
import {Avatar as AvatarPrimitive} from "bits-ui";
import {cn} from "$lib/utils.js";
let {
class: className,
ref = $bindable(null),
loadingStatus = $bindable("loading"),
...restProps
}: AvatarPrimitive.RootProps = $props();
</script>
<AvatarPrimitive.Root
{...restProps}
bind:loadingStatus
bind:ref
class={cn("relative flex size-10 shrink-0 overflow-hidden rounded-full", className)}
/>