Ubuntu
18 lines
1.2 KiB
JSON
18 lines
1.2 KiB
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
"name": "progress",
|
|
"type": "registry:component",
|
|
"title": "Progress",
|
|
"description": "Show progress...",
|
|
"dependencies": [
|
|
"@radix-ui/react-progress"
|
|
],
|
|
"files": [
|
|
{
|
|
"path": "components/retroui/Progress.tsx",
|
|
"content": "\"use client\";\n\nimport * as React from \"react\";\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst Progress = React.forwardRef<\n React.ElementRef<typeof ProgressPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => (\n <ProgressPrimitive.Root\n ref={ref}\n className={cn(\n \"relative h-4 w-full overflow-hidden bg-background border-2\",\n className,\n )}\n {...props}\n >\n <ProgressPrimitive.Indicator\n className=\"h-full w-full flex-1 bg-primary transition-all\"\n style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n />\n </ProgressPrimitive.Root>\n));\nProgress.displayName = ProgressPrimitive.Root.displayName;\n\nexport { Progress };\n",
|
|
"type": "registry:component",
|
|
"target": "components/retroui/Progress.tsx"
|
|
}
|
|
]
|
|
} |