ExampleWrapper() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ ExampleWrapper() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/components/example.tsx lines 3–16

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>
  )
}