Skip to content

Instantly share code, notes, and snippets.

@thapakazi
Created November 19, 2019 08:27
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save thapakazi/da3aede9dd57900c30e0c7a01b3e8329 to your computer and use it in GitHub Desktop.
Save thapakazi/da3aede9dd57900c30e0c7a01b3e8329 to your computer and use it in GitHub Desktop.
sample mdx file

TOPIC_NAME

TOPIC_DETAILS blah blah blah...

Table of Contents

  • topic content 1 Reference
  • 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!

Getting started

Preliminary question: <button onClick={()=> alert(42)}>What is the answer to the mystery of universe ??

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?

Feature Support
tables
alignment
wewt

More info?

Read usage information and more on GitHub

A component by Espen Hovlandsdal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment