Simple batteries included rendering library for markdown files.
- 💅 Stylized Defaults - Beautiful presentation of your content powered by mui
- 🔧 Easily Customizable - Exact same API as markdown-to-jsx
- 🎨 Syntax Highlighting - Powered by react-syntax-highlighter
- 📖 Semantic - Meaningful html tags representing your content
import { ReactMdRenderer } from 'react-md-renderer/v5';
const MyComponent = () => {
const options = {
overrides: {
img: {
props: {
style: {
maxWidth: '100%',
height: 'auto',
},
align: 'center',
},
},
},
wrapper: 'article',
forceBlock: true,
};
return (
<div>
<ReactMdRenderer options={options}>
{'# My Markdown Content'}
</ReactMdRenderer>
</div>
);
};
This component is essentially a custom config of markdown-to-jsx
. It shares the same API so check out the markdown-to-jsx
docs for options.
import { ReactMdRenderer } from 'react-md-renderer/v4';
import { ReactMdRenderer } from 'react-md-renderer/v5';