diff options
Diffstat (limited to 'frontend/src/lib/components/ui/skeleton/skeleton.svelte')
| -rw-r--r-- | frontend/src/lib/components/ui/skeleton/skeleton.svelte | 17 |
1 files changed, 17 insertions, 0 deletions
diff --git a/frontend/src/lib/components/ui/skeleton/skeleton.svelte b/frontend/src/lib/components/ui/skeleton/skeleton.svelte new file mode 100644 index 0000000..1a940ee --- /dev/null +++ b/frontend/src/lib/components/ui/skeleton/skeleton.svelte @@ -0,0 +1,17 @@ +<script lang="ts"> + import { cn, type WithElementRef, type WithoutChildren } from "$lib/utils.js"; + import type { HTMLAttributes } from "svelte/elements"; + + let { + ref = $bindable(null), + class: className, + ...restProps + }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props(); +</script> + +<div + bind:this={ref} + data-slot="skeleton" + class={cn("bg-muted rounded-md animate-pulse", className)} + {...restProps} +></div> |