FieldGroup() — ui Function Reference

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

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ FieldGroup() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

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

function FieldGroup({ children }: React.ComponentProps<"div">) {
  return (
    <div
      data-slot="field-group"
      className="@container/field-group flex max-w-4xl min-w-0 flex-col gap-8 @3xl:gap-6"
    >
      {children}
    </div>
  )
}