diff options
| author | Sebastien Castiel <sebastien@castiel.me> | 2023-12-14 12:34:15 -0500 |
|---|---|---|
| committer | Sebastien Castiel <sebastien@castiel.me> | 2023-12-14 12:34:15 -0500 |
| commit | 7e279a535d1722ce6e32a6b0c4a84b5639d8c859 (patch) | |
| tree | f83e8f00f49f54d994760c493782bcd818fd83b5 /src/components/ui/skeleton.tsx | |
| parent | 80c4baa0e13af07c202deb7822a449e6e194ebaf (diff) | |
Improve loading states
Diffstat (limited to 'src/components/ui/skeleton.tsx')
| -rw-r--r-- | src/components/ui/skeleton.tsx | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/ui/skeleton.tsx b/src/components/ui/skeleton.tsx new file mode 100644 index 0000000..01b8b6d --- /dev/null +++ b/src/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 } |