FormLabel() — ui Function Reference

Architecture documentation for the FormLabel() function in form.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry calls 1

Entity Profile

ComponentRegistry→ ChartRegistry→ FormLabel() — ui Function Reference

Dependency Diagram

graph TD
  c89810f0_cc19_4415_96b9_5ecab8dea8bf["FormLabel()"]
  7d8d565b_677a_b1ee_05eb_401ffef201c2["form.tsx"]
  c89810f0_cc19_4415_96b9_5ecab8dea8bf -->|defined in| 7d8d565b_677a_b1ee_05eb_401ffef201c2
  29e41b07_d0cf_4866_9a61_54195767eeb1["useFormField()"]
  c89810f0_cc19_4415_96b9_5ecab8dea8bf -->|calls| 29e41b07_d0cf_4866_9a61_54195767eeb1
  style c89810f0_cc19_4415_96b9_5ecab8dea8bf fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/form.tsx lines 92–103

>(({ className, ...props }, ref) => {
  const { error, formItemId } = useFormField()

  return (
    <Label
      ref={ref}
      className={cn(error && "text-destructive", className)}
      htmlFor={formItemId}
      {...props}
    />
  )
})