added fragment link support for h1 as well

spectrocloud · Dec 4, 2024 · 041f1cc · 041f1cc
1 parent 2e4c33c
commit 041f1cc
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/PacksReadme/PacksReadme.tsx b/src/components/PacksReadme/PacksReadme.tsx
@@ -134,6 +134,15 @@ function processPackUiMap(
           <ReactMarkDown
             remarkPlugins={[remarkGfm]}
             components={{
+              h1: (props) => {
+                const headingId = props.children?.toString().replace(/\s+/g, "-").toLowerCase();
+                return (
+                  <h1 id={headingId}>
+                    {props.children}
+                    <a href={`#${headingId}`} className="hash-link" />
+                  </h1>
+                );
+              },
               h2: (props) => {
                 const headingId = props.children?.toString().replace(/\s+/g, "-").toLowerCase();
                 return (