Buckets:
| import * as React from 'react'; | |
| import { Progress as ProgressPrimitive } from 'radix-ui'; | |
| import { cn } from '@/lib/utils'; | |
| function Progress({ | |
| className, | |
| value, | |
| ...props | |
| }: React.ComponentProps<typeof ProgressPrimitive.Root>) { | |
| return ( | |
| <ProgressPrimitive.Root | |
| data-slot="progress" | |
| className={cn( | |
| 'bg-muted h-1.5 rounded-full relative flex w-full items-center overflow-x-hidden', | |
| className, | |
| )} | |
| {...props} | |
| > | |
| <ProgressPrimitive.Indicator | |
| data-slot="progress-indicator" | |
| className="bg-primary size-full flex-1 transition-all" | |
| style={{ transform: `translateX(-${100 - (value || 0)}%)` }} | |
| /> | |
| </ProgressPrimitive.Root> | |
| ); | |
| } | |
| export { Progress }; | |
Xet Storage Details
- Size:
- 742 Bytes
- Xet hash:
- eeb93b42c2648ffccd74b1002e1b2b2e926318e6747a1b578a443690318d155c
·
Xet efficiently stores files, intelligently splitting them into unique chunks and accelerating uploads and downloads. More info.