Files
supabase/apps/docs/features/ui/guide/GuideHeader.tsx
Tomas Pozo ec1c534013 New GuideTemplate with composable components (#36893)
* Add db wrappers open in dashboard cta

* Restore getLatestRelease return to null

* Add guide template components with flexible content positioning

* Add Guide components with composition pattern

* Remove default branch on tag value

* Add GuideTemplate component and do some clean up

* Restore original GuideTemplate

* Clean up code and unused props

* Remove displayName

* Remove unwanted export

* Refactor EditLink to its own helper file

* Apply several fixes

* Fix underline on cta button

* Remove default main tag

* More descriptive button cta label

* fix(docs): add iceberg_wrapper dashboard integration

---------

Co-authored-by: Charis Lam <26616127+charislam@users.noreply.github.com>
2025-07-09 16:42:54 +00:00

27 lines
649 B
TypeScript

'use client'
import ReactMarkdown from 'react-markdown'
import { useGuide } from './Guide'
interface GuideHeaderProps {
className?: string
}
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>
)
}