Skip to main content

h1 Tags

h2 Tags​

h3 Tags​

h4 Tags​

h5 Tags​
h6 Tags​

P tag

bold

Code tag 

<html>
  <body>
    <h2>An Unordered HTML List</h2>
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    <h2>An Ordered HTML List</h2>
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>
  </body>
</html>
warning

This feature is powered by an MDXProvider. If you are importing Markdown in a React page, you have to supply this provider yourself through the MDXContent theme component.

src/pages/index.jsx
import FeatureDisplay from './_featureDisplay.mdx'
import MDXContent from '@theme/MDXContent'

export default function LandingPage() {
  return (
    <div>
      <MDXContent>
        <FeatureDisplay />
      </MDXContent>
    </div>
  )
}

If you don't wrap your imported MDX with MDXContent, the global scope will not be available.

note

This feature is powered by an MDXProvider. If you are importing Markdown in a React page, you have to supply this provider yourself through the MDXContent theme component.

src/pages/index.jsx
import FeatureDisplay from './_featureDisplay.mdx'
import MDXContent from '@theme/MDXContent'

export default function LandingPage() {
  return (
    <div>
      <MDXContent>
        <FeatureDisplay />
      </MDXContent>
    </div>
  )
}

If you don't wrap your imported MDX with MDXContent, the global scope will not be available.

danger

This feature is powered by an MDXProvider. If you are importing Markdown in a React page, you have to supply this provider yourself through the MDXContent theme component.

src/pages/index.jsx
import FeatureDisplay from './_featureDisplay.mdx'
import MDXContent from '@theme/MDXContent'

export default function LandingPage() {
  return (
    <div>
      <MDXContent>
        <FeatureDisplay />
      </MDXContent>
    </div>
  )
}

If you don't wrap your imported MDX with MDXContent, the global scope will not be available.

tip

This feature is powered by an MDXProvider. If you are importing Markdown in a React page, you have to supply this provider yourself through the MDXContent theme component.

src/pages/index.jsx
import FeatureDisplay from './_featureDisplay.mdx'
import MDXContent from '@theme/MDXContent'

export default function LandingPage() {
  return (
    <div>
      <MDXContent>
        <FeatureDisplay />
      </MDXContent>
    </div>
  )
}

If you don't wrap your imported MDX with MDXContent, the global scope will not be available.

info

This feature is powered by an MDXProvider. If you are importing Markdown in a React page, you have to supply this provider yourself through the MDXContent theme component.

src/pages/index.jsx
import FeatureDisplay from './_featureDisplay.mdx'
import MDXContent from '@theme/MDXContent'

export default function LandingPage() {
  return (
    <div>
      <MDXContent>
        <FeatureDisplay />
      </MDXContent>
    </div>
  )
}

If you don't wrap your imported MDX with MDXContent, the global scope will not be available.

/src/components/HelloCodeTitle.jsx
function HelloCodeTitle(props) {
  return <h1>Hello, {props.name}</h1> (Highlght next line)
}

function HighlightMoreText() {
  if  {
    return 'This range is highlighted!' (Highlght block)
  }

  return 'Nothing highlighted'
}
sub tag sup tag
  • Coffee
  • Tea
  • Milk
<Tabs groupId="operating-systems">
  <TabItem value="win" label="Windows">Use Ctrl + C to copy.</TabItem>
  <TabItem value="mac" label="macOS">Use Command + C to copy.</TabItem>
</Tabs>

<Tabs groupId="operating-systems">
  <TabItem value="win" label="Windows">Use Ctrl + V to paste.</TabItem>
  <TabItem value="mac" label="macOS">Use Command + V to paste.</TabItem>
</Tabs>
Samples of parsing failures

A paragraph starting with a JSX tag will be seen entirely as a JSX string:

This is an apple 🍎

Example banner

Example banner

Example banner