React Github Markdown
A simple wrapper to easily add GitHub's markdown editor and viewer to your React applications.
Installation
npm install react-github-markdownUsage
import React from 'react';
import { MarkdownEditor, MarkdownViewer } from 'react-github-markdown';
const App = () => {
const [markdown, setMarkdown] = React.useState('');
return (
<div>
<MarkdownEditor
value={markdown}
onChange={setMarkdown}
/>
<MarkdownViewer markdown={markdown} />
</div>
);
};Credits
This project uses -
- MarkdownEditor & MarkdownViewer components from GitHub's Primer React Library. Checkout, and contribute to Primer React Repository.
- Markdown styling is imported from sindresorhus/github-markdown-css