Skip to main content

Markdown JSX (.mdx )

Learn about translating Markdown files (.mdx) with Transifex

Christos Balafoutis avatar
Written by Christos Balafoutis
Updated over a week ago

File Extension(s)

.mdx

i18n type(s)

MARKDOWN_JSX

MDX vs MD:
MDX is an extension of Markdown that lets you write JSX (React components) inside Markdown files.

MD Example :
​

#Welcome
Thanks for using Transifex!

**Click** here to learn more.

> Need help? Hover for more info.

MDX Example:

 # Welcome

Thanks for using Transifex!

<Trans i18nKey="learn_more">
<strong>Click</strong> <a href="https://example.com">here</a> to learn more.
</Trans>

<Tooltip content="Click for support">
<span style={{ textDecoration: 'underline', cursor: 'help' }}>Need help?</span>
</Tooltip>

Basic functionality follows the Markdown parser's. For specific Markdown examples and structures, see here.


Additional Information

Did this answer your question?