️React Ⅿarkⅾown with Ⅿaterial Ⅾesign
Markdown for material UI Component, Grid System, and many more.
<a href="https://github.com/tseijp/mdmd"><img alt="build passin"src="https://img.shields.io/badge/build-✔-green.svg"/></a>
<a href="https://github.com/tseijp/mdmd"><img alt="build passin"src="https://img.shields.io/badge/types-✔-yellow.svg"/></a>
<a href="https://github.com/tseijp/mdmd"><img alt="build passin"src="https://img.shields.io/badge/demos-✔-red.svg"/></a>
<br>
<a href="https://github.com/tseijp/mdmd"><img alt="license MIT" src="https://img.shields.io/badge/license-MIT-green.svg"/></a>
<a href="https://www.npmjs.com/package/@tsei/mdmd"><img alt="npm package" src="https://img.shields.io/badge/npm_package-2.0.3-green.svg"/></a>
<a href="https://twitter.com/intent/tweet?url=https://tsei.jp/mdmd/about/&text=React Ⅿarkⅾown with Ⅿaterial Ⅾesign"><img alt="tweet" src="https://img.shields.io/twitter/url?style=social&url=https%3A%2F%2Ftwitter.com%2Ftseijp"/></a>
Table of Contents
Demo
Version
- React 16.12.0
- MDB React 4.26.0
- React Markdown ^4.3.1
Simple Example
import Mdmd from 'mdmd';
import MyText from './MyText.md';
const App =()=> <Mdmd md={MyText}/>
Quick Started
git clone https://github.com/tseijp/mdmd
npm i -D
npm start
- open browser and visit http://localhost:3000
- Now you can go to our demo, and try its usage.
Install via npm
- create your project -
create-react-app myproject
cd myproject
npm i @tsei/mdmd mdbreact -S
- Import style files into the src/index.js before the App.js file:
import '@fortawesome/fontawesome-free/css/all.min.css';
import 'bootstrap-css-only/css/bootstrap.min.css';
import 'mdbreact/dist/css/mdb.css';