docs: Fix rendering of default values in reference docs

Draykee · Jul 17, 2024 · 7114d20 · 7114d20
1 parent 36248af
commit 7114d20
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/docs/src/components/MemberInfo/index.tsx b/docs/src/components/MemberInfo/index.tsx
@@ -33,7 +33,10 @@ export default function MemberInfo(props: {
             {props.default && (
                 <div className={styles.default}>
                     <div className="label">default:</div>
-                    <code>{props.default}</code>
+                    <code
+                        dangerouslySetInnerHTML={{ __html: props.default }}
+                        className="margin-horiz--sm padding-horiz--sm"
+                    ></code>
                 </div>
             )}
         </div>

diff --git a/scripts/docs/typescript-docs-renderer.ts b/scripts/docs/typescript-docs-renderer.ts
@@ -292,7 +292,7 @@ export class TypescriptDocsRenderer {
             if (member.kind === 'property') {
                 type = this.renderType(member.type, knownTypeMap, docsUrl);
                 defaultParam = member.defaultValue
-                    ? `default="${this.renderType(member.defaultValue, knownTypeMap, docsUrl)}" `
+                    ? `default={\`${this.renderType(member.defaultValue, knownTypeMap, docsUrl)}\`} `
                     : '';
             } else {
                 const args = member.parameters