mirror of
https://github.com/cosscom/coss.git
synced 2026-09-14 20:06:50 +08:00
Volnei Munhoz
25 lines
1.0 KiB
JSON
25 lines
1.0 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "skeleton",
|
|
"type": "registry:ui",
|
|
"files": [
|
|
{
|
|
"path": "registry/default/ui/skeleton.tsx",
|
|
"content": "import { cn } from \"@/lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"skeleton\"\n className={cn(\n \"animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0_/_200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport { Skeleton }\n",
|
|
"type": "registry:ui"
|
|
}
|
|
],
|
|
"cssVars": {
|
|
"theme": {
|
|
"--animate-skeleton": "skeleton 2s -1s infinite linear"
|
|
}
|
|
},
|
|
"css": {
|
|
"@keyframes skeleton": {
|
|
"to": {
|
|
"background-position": "-200% 0"
|
|
}
|
|
}
|
|
}
|
|
}
|