ProgressDemo() — ui Function Reference

Architecture documentation for the ProgressDemo() function in progress-demo.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ProgressDemo() — ui Function Reference

Dependency Diagram

graph TD
  6295ba42_be12_50a3_11d8_f1921075fa98["ProgressDemo()"]
  c44b4e0b_6513_f49b_5f4a_8ca18e2251fe["progress-demo.tsx"]
  6295ba42_be12_50a3_11d8_f1921075fa98 -->|defined in| c44b4e0b_6513_f49b_5f4a_8ca18e2251fe
  style 6295ba42_be12_50a3_11d8_f1921075fa98 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/examples/progress-demo.tsx lines 7–16

export default 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%]" />
}