SonnerExpandConfig() — supabase Function Reference

Architecture documentation for the SonnerExpandConfig() function in sonner-expand-config.tsx from the supabase codebase.

Function tsx DesignSystem UIPatterns calls 1

Entity Profile

DesignSystem→ UIPatterns→ SonnerExpandConfig() — supabase Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/design-system/components/sonner-expand-config.tsx lines 6–36

function SonnerExpandConfig() {
  const [config, setConfig] = useConfig()

  return (
    <div className="px-5 py-5 border rounded-lg my-2 bg-surface-75">
      <form>
        <FormItemLayout
          name="sonnerExpand"
          id="sonnerExpand"
          isReactForm={false}
          label="Use expand prop"
          description="You will need to fire a few Sonner toasts first"
          layout="flex"
        >
          <Switch
            name="sonnerExpand"
            id="sonnerExpand"
            size="large"
            checked={config.sonnerExpand}
            onCheckedChange={(e) =>
              setConfig({
                ...config,
                sonnerExpand: e,
              })
            }
          />
        </FormItemLayout>
      </form>
    </div>
  )
}