aboutsummaryrefslogtreecommitdiffstats
path: root/packages/web/components
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-02-17 12:39:54 +0000
committerMohamedBassem <me@mbassem.com>2024-02-17 12:39:54 +0000
commit5a3fd2d7573c62467a40c919244d12b468458a38 (patch)
tree03e1ac06727b4537fdaf9d0611489566d93d5552 /packages/web/components
parent9235e9a6fbb364713105137b6bf5bba9d81ecd4c (diff)
downloadkarakeep-5a3fd2d7573c62467a40c919244d12b468458a38.tar.zst
ui: Add bookmark card skeleton
Diffstat (limited to 'packages/web/components')
-rw-r--r--packages/web/components/ui/skeleton.tsx15
1 files changed, 15 insertions, 0 deletions
diff --git a/packages/web/components/ui/skeleton.tsx b/packages/web/components/ui/skeleton.tsx
new file mode 100644
index 00000000..01b8b6d4
--- /dev/null
+++ b/packages/web/components/ui/skeleton.tsx
@@ -0,0 +1,15 @@
+import { cn } from "@/lib/utils"
+
+function Skeleton({
+ className,
+ ...props
+}: React.HTMLAttributes<HTMLDivElement>) {
+ return (
+ <div
+ className={cn("animate-pulse rounded-md bg-muted", className)}
+ {...props}
+ />
+ )
+}
+
+export { Skeleton }