FormItem() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ FormItem() — ui Function Reference

Dependency Diagram

graph TD
  c16b6b40_5c55_b424_3fba_f21e60a9c755["FormItem()"]
  26832279_f22a_39e6_9194_59ea47194309["form.tsx"]
  c16b6b40_5c55_b424_3fba_f21e60a9c755 -->|defined in| 26832279_f22a_39e6_9194_59ea47194309
  style c16b6b40_5c55_b424_3fba_f21e60a9c755 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/new-york-v4/ui/form.tsx lines 76–88

function FormItem({ className, ...props }: React.ComponentProps<"div">) {
  const id = React.useId()

  return (
    <FormItemContext.Provider value={{ id }}>
      <div
        data-slot="form-item"
        className={cn("grid gap-2", className)}
        {...props}
      />
    </FormItemContext.Provider>
  )
}