ExampleWrapper() — ui Function Reference

Architecture documentation for the ExampleWrapper() function in example.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ExampleWrapper() — ui Function Reference

Dependency Diagram

graph TD
  02878251_db55_bcc0_498d_65804b4f7866["ExampleWrapper()"]
  55f2dce2_58a5_5d89_ba42_9af16614d05c["example.tsx"]
  02878251_db55_bcc0_498d_65804b4f7866 -->|defined in| 55f2dce2_58a5_5d89_ba42_9af16614d05c
  style 02878251_db55_bcc0_498d_65804b4f7866 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/components/example.tsx lines 3–17

function ExampleWrapper({ className, ...props }: React.ComponentProps<"div">) {
  return (
    <div className="bg-background w-full">
      <div
        data-slot="example-wrapper"
        className={cn(
          "mx-auto grid min-h-screen w-full max-w-5xl min-w-0 content-center items-start gap-8 p-4 pt-2 sm:gap-12 sm:p-6 md:grid-cols-2 md:gap-8 lg:p-12 2xl:max-w-6xl",

          className
        )}
        {...props}
      />
    </div>
  )
}