ProgressDemo() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ ProgressDemo() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/examples/radix/progress-demo.tsx lines 6–15

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