StyleWrapper() — supabase Function Reference

Architecture documentation for the StyleWrapper() function in style-wrapper.tsx from the supabase codebase.

Function tsx DesignSystem UIPatterns calls 1

Entity Profile

DesignSystem→ UIPatterns→ StyleWrapper() — supabase Function Reference

Dependency Diagram

graph TD
  1200d5e5_f16f_ac4f_3ce1_8ff1e643b32e["StyleWrapper()"]
  7f5e411e_7cf4_eced_8892_c042ff271b21["useConfig()"]
  1200d5e5_f16f_ac4f_3ce1_8ff1e643b32e -->|calls| 7f5e411e_7cf4_eced_8892_c042ff271b21
  style 1200d5e5_f16f_ac4f_3ce1_8ff1e643b32e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/design-system/components/style-wrapper.tsx lines 12–20

export function StyleWrapper({ styleName, children }: StyleWrapperProps) {
  const [config] = useConfig()

  if (!styleName || config.style === styleName) {
    return <>{children}</>
  }

  return null
}