Field() — ui Function Reference

Architecture documentation for the Field() function in field.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Field() — ui Function Reference

Dependency Diagram

graph TD
  0f87d1c2_4ea9_292e_3a93_c5badf2b4880["Field()"]
  7f790981_1f57_27c9_6405_8857e98ddfef["field.tsx"]
  0f87d1c2_4ea9_292e_3a93_c5badf2b4880 -->|defined in| 7f790981_1f57_27c9_6405_8857e98ddfef
  style 0f87d1c2_4ea9_292e_3a93_c5badf2b4880 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/field.tsx lines 64–78

function Field({
  className,
  orientation = "vertical",
  ...props
}: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>) {
  return (
    <div
      role="group"
      data-slot="field"
      data-orientation={orientation}
      className={cn(fieldVariants({ orientation }), className)}
      {...props}
    />
  )
}