ThemeWrapper() — ui Function Reference

Architecture documentation for the ThemeWrapper() function in theme-wrapper.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ ThemeWrapper() — ui Function Reference

Dependency Diagram

graph TD
  3327c8a2_68d1_875f_9ae3_03eef4e871f4["ThemeWrapper()"]
  22e977b4_653d_3542_de03_80df2f532c42["theme-wrapper.tsx"]
  3327c8a2_68d1_875f_9ae3_03eef4e871f4 -->|defined in| 22e977b4_653d_3542_de03_80df2f532c42
  style 3327c8a2_68d1_875f_9ae3_03eef4e871f4 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/components/theme-wrapper.tsx lines 10–33

export function ThemeWrapper({
  defaultTheme,
  children,
  className,
}: ThemeWrapperProps) {
  const [config] = useConfig()

  return (
    <div
      className={cn(
        `theme-${defaultTheme || config.theme}`,
        "w-full",
        className
      )}
      style={
        {
          "--radius": `${defaultTheme ? 0.5 : config.radius}rem`,
        } as React.CSSProperties
      }
    >
      {children}
    </div>
  )
}