ProgressWithLabel() — ui Function Reference

Architecture documentation for the ProgressWithLabel() function in progress-label.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ ProgressWithLabel() — ui Function Reference

Dependency Diagram

graph TD
  64df68ba_1c8f_270d_107b_fab604b4f662["ProgressWithLabel()"]
  8271e597_9084_2d41_3c28_62b10ca4898c["progress-label.tsx"]
  64df68ba_1c8f_270d_107b_fab604b4f662 -->|defined in| 8271e597_9084_2d41_3c28_62b10ca4898c
  style 64df68ba_1c8f_270d_107b_fab604b4f662 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/progress-label.tsx lines 4–14

export function ProgressWithLabel() {
  return (
    <Field className="w-full max-w-sm">
      <FieldLabel htmlFor="progress-upload">
        <span>Upload progress</span>
        <span className="ml-auto">66%</span>
      </FieldLabel>
      <Progress value={66} id="progress-upload" />
    </Field>
  )
}