FormControl() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry calls 1

Entity Profile

ComponentRegistry→ ChartRegistry→ FormControl() — ui Function Reference

Dependency Diagram

graph TD
  fd26655c_a254_5403_a873_ded18404ec9d["FormControl()"]
  7c1a62f1_bcbe_4a44_ea32_9038a4216dc9["form.tsx"]
  fd26655c_a254_5403_a873_ded18404ec9d -->|defined in| 7c1a62f1_bcbe_4a44_ea32_9038a4216dc9
  5ef7902a_a7c8_3632_5104_bdf0a0722d94["useFormField()"]
  fd26655c_a254_5403_a873_ded18404ec9d -->|calls| 5ef7902a_a7c8_3632_5104_bdf0a0722d94
  style fd26655c_a254_5403_a873_ded18404ec9d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/form.tsx lines 109–125

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

  return (
    <Slot
      ref={ref}
      id={formItemId}
      aria-describedby={
        !error
          ? `${formDescriptionId}`
          : `${formDescriptionId} ${formMessageId}`
      }
      aria-invalid={!!error}
      {...props}
    />
  )
})