marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: spread props on MDX heading components to enable TOC IDs

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-01 21:24:26 -05:00
parent d679b804fc
commit 648055f405
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
mdx-components.tsx
View File

@@ -4,19 +4,19 @@ export function useMDXComponents(components: MDXComponents): MDXComponents {
return {
...components,
// Typography
h1: ({ children }) => (
<h1 className="scroll-m-20 font-sans text-4xl font-extrabold tracking-tight lg:text-5xl mt-10 mb-4 text-ink">
{children}
h1: (props) => (
<h1 {...props} className="scroll-m-20 font-sans text-4xl font-extrabold tracking-tight lg:text-5xl mt-10 mb-4 text-ink">
{props.children}
</h1>
),
h2: ({ children }) => (
<h2 className="scroll-m-20 border-b border-border pb-2 font-sans text-3xl font-semibold tracking-tight mt-12 mb-4 first:mt-0 text-ink">
{children}
h2: (props) => (
<h2 {...props} className="scroll-m-20 border-b border-border pb-2 font-sans text-3xl font-semibold tracking-tight mt-12 mb-4 first:mt-0 text-ink">
{props.children}
</h2>
),
h3: ({ children }) => (
<h3 className="scroll-m-20 font-sans text-2xl font-semibold tracking-tight mt-8 mb-3 text-ink">
{children}
h3: (props) => (
<h3 {...props} className="scroll-m-20 font-sans text-2xl font-semibold tracking-tight mt-8 mb-3 text-ink">
{props.children}
</h3>
),
p: ({ children }) => (