This page is from index.mdx at corresponding root folder

Content

What I love about MDX is that I can insert React Component as content

Card

if you write this:

<Cards>
  <Card title="Learn more about Next.js" href="https://nextjs.org/docs" />
  <Card title="Learn more about Fumadocs" href="https://fumadocs.vercel.app" />
</Cards>

will display the following UI:

Below is a list of content based on its depth

Depth 1

depth 1 paragraph content

Depth 2

depth 2 paragraph content

Depth 3

depth 3 paragraph content

Depth 4

depth 4 paragraph content

Depth 2 Again

depth 2 paragraph content

Depth 3 Again

depth 3 paragraph content

Depth 4 Again

depth 4 paragraph content

Code Block

console.log('Hello World');