Files
shadcn-ui/apps/www/components/examples/progress/demo.tsx
2023-01-24 19:51:29 +04:00

17 lines
377 B
TypeScript

"use client"
import * as React from "react"
import { Progress } from "@/components/ui/progress"
export function ProgressDemo() {
const [progress, setProgress] = React.useState(13)
React.useEffect(() => {
const timer = setTimeout(() => setProgress(66), 500)
return () => clearTimeout(timer)
}, [])
return <Progress value={progress} className="w-[60%]" />
}