# MDX & React components

Rspress supports not only Markdown but also [MDX](https://mdxjs.com/), a powerful way to develop content.

## Markdown

MDX is a superset of Markdown, which means you can write Markdown files as usual. For example:

```md
# Hello world
```

## Use components

When you want to use React components in Markdown files, you should name your files with `.mdx` extension.

```mdx
// docs/index.mdx
import { CustomComponent } from './custom';

# Hello world

<CustomComponent />
```

## Use Rspress built-in components

import { Tabs, Tab } from '@rspress/core/theme';

<Tabs>

<Tab label="foo.js">

```js
console.log('foo');
```

</Tab>
<Tab label="bar.js">

```js
console.log('bar');
```

</Tab>

</Tabs>