GuideHeader() — supabase Function Reference

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

Function tsx DocumentationSystem ReferenceGen calls 1

Entity Profile

DocumentationSystem→ ReferenceGen→ GuideHeader() — supabase Function Reference

Dependency Diagram

graph TD
  0f391306_8356_760a_0cd7_d520f45e3336["GuideHeader()"]
  e546aced_44f4_7440_4648_57e14abeb540["useGuide()"]
  0f391306_8356_760a_0cd7_d520f45e3336 -->|calls| e546aced_44f4_7440_4648_57e14abeb540
  style 0f391306_8356_760a_0cd7_d520f45e3336 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/features/ui/guide/GuideHeader.tsx lines 10–26

export function GuideHeader({ className }: GuideHeaderProps) {
  const { meta } = useGuide()

  return (
    <div className={className}>
      <h1 className="mb-0 [&>p]:m-0">
        <ReactMarkdown>{meta?.title || 'Supabase Docs'}</ReactMarkdown>
      </h1>
      {meta?.subtitle && (
        <h2 className="mt-3 text-xl text-foreground-light">
          <ReactMarkdown>{meta.subtitle}</ReactMarkdown>
        </h2>
      )}
      <hr className="not-prose border-t-0 border-b my-8" />
    </div>
  )
}