react-md-renderer
TypeScript icon, indicating that this package has built-in type declarations

1.0.4-0 • Public • Published

react-md-renderer NPM

Simple batteries included rendering library for markdown files.

Features

  • 💅 Stylized Defaults - Beautiful presentation of your content powered by mui
  • 🔧 Easily Customizable - Exact same API as markdown-to-jsx
  • 🎨 Syntax Highlighting - Powered by react-syntax-highlighter
  • 📖 Semantic - Meaningful html tags representing your content

Getting Started

import { ReactMdRenderer } from 'react-md-renderer/v5';

const MyComponent = () => {
  const options = {
    overrides: {
      img: {
        props: {
          style: {
            maxWidth: '100%',
            height: 'auto',
          },
          align: 'center',
        },
      },
    },
    wrapper: 'article',
    forceBlock: true,
  };

  return (
    <div>
      <ReactMdRenderer options={options}>
        {'# My Markdown Content'}
      </ReactMdRenderer>
    </div>
  );
};

Docs

This component is essentially a custom config of markdown-to-jsx. It shares the same API so check out the markdown-to-jsx docs for options.

With @material-ui/core

import { ReactMdRenderer } from 'react-md-renderer/v4';

With @mui/material

import { ReactMdRenderer } from 'react-md-renderer/v5';

Package Sidebar

Install

npm i react-md-renderer

Weekly Downloads

4

Version

1.0.4-0

License

MIT

Unpacked Size

16.6 kB

Total Files

17

Last publish

Collaborators

  • agmoss