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
  f4e0d5d3_9509_e7b4_b483_1e99f02c7c1c["FormLabel()"]
  26832279_f22a_39e6_9194_59ea47194309["form.tsx"]
  f4e0d5d3_9509_e7b4_b483_1e99f02c7c1c -->|defined in| 26832279_f22a_39e6_9194_59ea47194309
  94429819_53f2_f220_12d8_b0229985d8e4["useFormField()"]
  f4e0d5d3_9509_e7b4_b483_1e99f02c7c1c -->|calls| 94429819_53f2_f220_12d8_b0229985d8e4
  style f4e0d5d3_9509_e7b4_b483_1e99f02c7c1c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/form.tsx lines 90–105

function FormLabel({
  className,
  ...props
}: React.ComponentProps<typeof LabelPrimitive.Root>) {
  const { error, formItemId } = useFormField()

  return (
    <Label
      data-slot="form-label"
      data-error={!!error}
      className={cn("data-[error=true]:text-destructive", className)}
      htmlFor={formItemId}
      {...props}
    />
  )
}