Live demo

Changes are automatically rendered as you type.

• Implements GitHub Flavored Markdown
• Renders actual, "native" React DOM elements
• Allows you to escape or skip HTML (try toggling the checkboxes above)
• If you escape or skip the HTML, no dangerouslySetInnerHTML is used! Yay!

Table of Contents

HTML block below

This blockquote will change based on the HTML settings above.

How about some code?

var React = require('react');
var Markdown = require('react-markdown');

React.render(
  <Markdown source="# Your markdown here" />,
  document.getElementById('content')
);

Pretty neat, eh?

Tables?

Use remark-gfm to support tables, strikethrough, tasklists, and literal URLs. These features do not work by default.

Feature	Support
tables	remark-gfm

strikethrough

• task list

https://example.com

More info?

Read usage information and more on GitHub

---

A component by Espen Hovlandsdal