FieldControl() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ FieldControl() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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

function FieldControl({
  children,
  className,
  ...props
}: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="field-control"
      className={cn(
        "@3xl/field-group:col-start-2 @3xl/field-group:row-span-2 @3xl/field-group:row-start-1 @3xl/field-group:self-start",
        className
      )}
      {...props}
    >
      {children}
    </div>
  )
}