CodeTabs() — ui Function Reference

Architecture documentation for the CodeTabs() function in code-tabs.tsx from the ui codebase.

Function tsx Internationalization Dictionary

Entity Profile

Internationalization→ Dictionary→ CodeTabs() — ui Function Reference

Dependency Diagram

graph TD
  f910f749_8d2a_fa0b_efc0_fc96479e3079["CodeTabs()"]
  da569416_36c9_c1a1_e9bd_0fe3f1625b72["code-tabs.tsx"]
  f910f749_8d2a_fa0b_efc0_fc96479e3079 -->|defined in| da569416_36c9_c1a1_e9bd_0fe3f1625b72
  style f910f749_8d2a_fa0b_efc0_fc96479e3079 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/components/code-tabs.tsx lines 8–26

export function CodeTabs({ children }: React.ComponentProps<typeof Tabs>) {
  const [config, setConfig] = useConfig()

  const installationType = React.useMemo(() => {
    return config.installationType || "cli"
  }, [config])

  return (
    <Tabs
      value={installationType}
      onValueChange={(value) =>
        setConfig({ ...config, installationType: value as "cli" | "manual" })
      }
      className="relative mt-6 w-full *:data-[slot=tabs-list]:gap-6"
    >
      {children}
    </Tabs>
  )
}