Render Markdown (MD) in React with ease. This package offers a simple and customizable way to display Markdown content in your React applications without any fuss.
npm install create-react-md-renderer
create-react-md-renderer is a simple library that lets you render Markdown in your React app.
Use the default renderers or create custom ones by element type.
``bash`
npm i --save create-react-md-rendereror
yarn add create-react-md-renderer
Supported syntax:
- Headings
- Bold bold __bold__italic _italic_
- Italic _bold and italic_ bold and italic ___bold and italic___
- Bold and italic \
- Inline code code\
- Code block:
`md\
\\js
// insert your code here
// ...
\\\`
- Ordered lists using decimals 1. list item- list item
- Unordered lists using dashes
- Sublists by identation
- Links with or without title
Basic usage:
`tsx
function App() {
const MarkdownRenderer = createMarkdownRenderer()
const markdown = "# Heading!"
return
}
``