v5.7.0
Purchase Now

Markdown

  1. Components
  2. Markdown
https://www.npmjs.com/package/react-markdown
Html content

h1


h2


Paragraph Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups


Link (https://www.google.com/)


Lists

  • Write the press release
  • Update the website
  • Contact the media



A table:

SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more

import React from 'react';
import ReactDOM from 'react-dom';
import ReactMarkdown from 'react-markdown';
import rehypeHighlight from 'rehype-highlight';

ReactDOM.render(
  <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
  document.querySelector('#content')
);

A block quote with strikethrough and a URL: https://reactjs.org.

Mardown content

h1


h2


Paragraph Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.


Link (https://www.google.com/)


Lists

  • Write the press release
  • Update the website
  • Contact the media



A table:

SyntaxDescriptionTest Text
HeaderTitleHere's this
ParagraphTextAnd more

import React from 'react';
import ReactDOM from 'react-dom';
import ReactMarkdown from 'react-markdown';
import rehypeHighlight from 'rehype-highlight';

ReactDOM.render(
  <ReactMarkdown rehypePlugins={[rehypeHighlight]}>{'# Your markdown here'}</ReactMarkdown>,
  document.querySelector('#content')
);

A block quote with strikethrough and a URL: https://reactjs.org.


The starting point for your next project with Minimal UI Kit, built on the newest version of Material-UI ©, ready to be customized to your style.

Minimal
About usContact usFAQs
Legal
Terms and ConditionPrivacy Policy
Contact
support@minimals.cc

© 2021. All rights reserved