Tabs() — supabase Function Reference

Architecture documentation for the Tabs() function in Tabs.tsx from the supabase codebase.

Function tsx DocumentationSystem ReferenceGen calls 1

Entity Profile

DocumentationSystem→ ReferenceGen→ Tabs() — supabase Function Reference

Dependency Diagram

graph TD
  fa014601_d121_0217_c164_257a94be509d["Tabs()"]
  9a1707d1_fd19_fd2a_a2cb_3c3a47c120d9["useTocRerenderTrigger()"]
  fa014601_d121_0217_c164_257a94be509d -->|calls| 9a1707d1_fd19_fd2a_a2cb_3c3a47c120d9
  style fa014601_d121_0217_c164_257a94be509d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/features/ui/Tabs.tsx lines 13–41

const Tabs = ({
  onChange,
  stickyTabList,
  ...props
}: ComponentPropsWithoutRef<typeof TabsWithStickyAndQueryParams>) => {
  const rerenderToc = useTocRerenderTrigger()
  const onChangeInternal = useCallback(
    (...args: Parameters<typeof onChange>) => {
      rerenderToc()
      onChange?.(...args)
    },
    [rerenderToc, onChange]
  )

  if (stickyTabList && !stickyTabList.scrollMarginTop) {
    // Magic number is the height of tab list + paragraph margin, worth getting
    // rid of this?
    stickyTabList.scrollMarginTop = 'calc(var(--header-height) + 43px + 20px)'
  }

  return (
    <TabsWithStickyAndQueryParams
      wrappable
      onChange={onChangeInternal}
      stickyTabList={stickyTabList}
      {...props}
    />
  )
}