Add Skeleton UI component from shadcn
This commit is contained in:
parent
b685f5e771
commit
b1a2471841
2 changed files with 21 additions and 0 deletions
7
src/lib/components/ui/skeleton/index.ts
Normal file
7
src/lib/components/ui/skeleton/index.ts
Normal file
|
@ -0,0 +1,7 @@
|
||||||
|
import Root from "./skeleton.svelte";
|
||||||
|
|
||||||
|
export {
|
||||||
|
Root,
|
||||||
|
//
|
||||||
|
Root as Skeleton
|
||||||
|
};
|
14
src/lib/components/ui/skeleton/skeleton.svelte
Normal file
14
src/lib/components/ui/skeleton/skeleton.svelte
Normal file
|
@ -0,0 +1,14 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import { cn } from "$lib/utils";
|
||||||
|
import type { HTMLAttributes } from "svelte/elements";
|
||||||
|
|
||||||
|
type $$Props = HTMLAttributes<HTMLDivElement>;
|
||||||
|
|
||||||
|
let className: $$Props["class"] = undefined;
|
||||||
|
export { className as class };
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class={cn("animate-pulse rounded-md bg-primary/10", className)}
|
||||||
|
{...$$restProps}
|
||||||
|
/>
|
Loading…
Reference in a new issue