mirror of
https://github.com/facebook/docusaurus.git
synced 2025-07-31 07:18:59 +02:00
chore: revert docs(website): use MDX comments instead of HTML comments (#8517)
This commit is contained in:
parent
9c9d17d6aa
commit
bc00bda5e9
38 changed files with 151 additions and 79 deletions
|
@ -15,7 +15,7 @@ import styles from './markdown-features-tabs-styles.module.css';
|
|||
|
||||
Docusaurus provides the `<Tabs>` component that you can use in Markdown thanks to [MDX](./markdown-features-react.mdx):
|
||||
|
||||
{/* prettier-ignore */}
|
||||
<!-- prettier-ignore-start -->
|
||||
```jsx
|
||||
import Tabs from '@theme/Tabs';
|
||||
import TabItem from '@theme/TabItem';
|
||||
|
@ -32,6 +32,7 @@ import TabItem from '@theme/TabItem';
|
|||
</TabItem>
|
||||
</Tabs>
|
||||
```
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
```mdx-code-block
|
||||
<BrowserWindow>
|
||||
|
@ -249,7 +250,7 @@ You might want to customize the appearance of a certain set of tabs. You can pas
|
|||
|
||||
You can also customize each tab heading independently by using the `attributes` field. The extra props can be passed to the headings either through the `values` prop in `Tabs`, or props of each `TabItem`—in the same way as you declare `label`.
|
||||
|
||||
{/* prettier-ignore */}
|
||||
<!-- prettier-ignore-start -->
|
||||
```jsx title="some-doc.mdx"
|
||||
import styles from './styles.module.css';
|
||||
|
||||
|
@ -265,6 +266,7 @@ import styles from './styles.module.css';
|
|||
</TabItem>
|
||||
</Tabs>
|
||||
```
|
||||
<!-- prettier-ignore-end -->
|
||||
|
||||
```css title="styles.module.css"
|
||||
.red {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue