Field() — ui Function Reference

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

Function tsx DocumentationAtlas SearchAPI

Entity Profile

DocumentationAtlas→ SearchAPI→ Field() — ui Function Reference

Dependency Diagram

graph TD
  66b636a2_5cde_3961_3a39_ed2b2ef117d4["Field()"]
  b0a970a4_36a9_5983_bb33_06cc9a64b2bf["page.tsx"]
  66b636a2_5cde_3961_3a39_ed2b2ef117d4 -->|defined in| b0a970a4_36a9_5983_bb33_06cc9a64b2bf
  style 66b636a2_5cde_3961_3a39_ed2b2ef117d4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/app/(examples)/dashboard-03/settings/page.tsx lines 449–462

function Field({ children, className, ...props }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="field"
      className={cn(
        "grid auto-rows-min items-start gap-3 *:data-[slot=label]:col-start-1 *:data-[slot=label]:row-start-1 @3xl/field-group:grid-cols-2 @3xl/field-group:gap-6",
        className
      )}
      {...props}
    >
      {children}
    </div>
  )
}