Create multiple artboard by using figma prototyping development

2 Weeks Ago | 5 Mins Read

People who are good with money often aren’t living a millionaire lifestyle. Photo: Don Arnold/Getty Images

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!

Advertisement

pica - high quality and fast image resize in browser.
babelfish - developer friendly i18n with plurals support and easy syntax.

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

HTML block below

<blockquote> This blockquote will change based on the HTML settings above. </blockquote>

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