Mantine NextJS + Fumadocs

Docs

Menu

Mantine

Using Mantine components inside MDX pages

Of course, you can use the Mantine components in your Nextra documentation site. Here is an example of how to use the Button component:

content/mantine.mdx

import { Button, Center } from '@mantine/core';

# Mantine

Your markdown content here

<Center my={32}>
    <Button>Hello Mantine</Button>
</Center>

Third-party components

You can use any third-party components in your Nextra documentation site.

Here is an example of how to use the Mantine Marquee components in your Nextra documentation site: