ProgressTrack() — ui Function Reference

Architecture documentation for the ProgressTrack() function in progress.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ProgressTrack() — ui Function Reference

Dependency Diagram

graph TD
  5d38c586_fd40_820f_123e_8cac03c97ec9["ProgressTrack()"]
  c2523511_cecd_14c9_3a80_d7d226be91b4["progress.tsx"]
  5d38c586_fd40_820f_123e_8cac03c97ec9 -->|defined in| c2523511_cecd_14c9_3a80_d7d226be91b4
  style 5d38c586_fd40_820f_123e_8cac03c97ec9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/progress.tsx lines 28–39

function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props) {
  return (
    <ProgressPrimitive.Track
      className={cn(
        "cn-progress-track relative flex w-full items-center overflow-x-hidden",
        className
      )}
      data-slot="progress-track"
      {...props}
    />
  )
}