3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix(website): wrap details in mdx-code-block (#6308)

Browse source
This commit is contained in:
Joshua Chen 2022-01-10 20:35:39 +08:00 • committed by GitHub
parent c7da6f5dd3
commit ba352271e7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
website/docs/guides/markdown-features/markdown-features-react.mdx
View file

@ -107,13 +107,13 @@ Since all doc files are parsed using MDX, any HTML is treated as JSX. Therefore,
Docusaurus v2 is using MDX v1, which has a lot of known cases where the content fails to be correctly parsed as Markdown. Use the **[MDX playground](https://mdx-git-renovate-babel-monorepo-mdx.vercel.app/playground)** to ensure that your syntax is valid MDX. Docusaurus v2 is using MDX v1, which has a lot of known cases where the content fails to be correctly parsed as Markdown. Use the **[MDX playground](https://mdx-git-renovate-babel-monorepo-mdx.vercel.app/playground)** to ensure that your syntax is valid MDX.
````mdx-code-block
<details> <details>
<summary>Samples of parsing failures</summary> <summary>Samples of parsing failures</summary>
**A paragraph starting with a JSX tag will be seen entirely as a JSX string:** **A paragraph starting with a JSX tag will be seen entirely as a JSX string:**
````mdx-code-block
<Tabs groupId="jsx-and-md"> <Tabs groupId="jsx-and-md">
<TabItem value="Problem"> <TabItem value="Problem">
<div className={styles.wrappingBlock}> <div className={styles.wrappingBlock}>
@ -304,9 +304,8 @@ Now I'm actually just text
</div> </div>
</TabItem> </TabItem>
</Tabs> </Tabs>
````
</details> </details>
````
## Importing code snippets {#importing-code-snippets} ## Importing code snippets {#importing-code-snippets}