docusaurus/website/_dogfooding/_docs tests/tests/admonitions.mdx
Sébastien Lorber bf913aea2a
feat: upgrade to MDX v2 (#8288)
Co-authored-by: Armano <armano2@users.noreply.github.com>
2023-04-21 19:48:57 +02:00

55 lines
828 B
Text
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

# Admonitions tests
## Empty content
:::note Title Only
:::
## Empty fragment content
:::note Title Only
<></>
:::
## Large font icon
import Admonition from '@theme/Admonition';
```mdx-code-block
<Admonition
type="tip"
icon={<span style={{fontSize: 60}}>💡</span>}
title="Did you know...">
content
</Admonition>
<Admonition
type="info"
icon={<span style={{fontSize: 40}}></span>}
title="Did you know...">
content
</Admonition>
```
## Large svg icon
```mdx-code-block
import InfoIcon from "@theme/Admonition/Icon/Info"
<Admonition
type="tip"
icon={<InfoIcon style={{width: 60, height: 60}}/>}
title="Did you know...">
content
</Admonition>
<Admonition
type="info"
icon={<InfoIcon style={{width: 40, height: 40}}/>}
title="Did you know...">
content
</Admonition>
```