YAMDE

A light-weight React Markdown editor with preview.

View Demo View Github

? Features

  • Responsive
  • Light/dark mode support
  • Lightweight: Bundlephobia

? Installation

npm install yamde

? Usage

Example implementation:

import React, { useState } from 'react'
import Yamde from 'yamde'

export const App = () => {
  const [text, setText] = useState('')

  return <Yamde value={text} handler={setText} theme="light" />
}

? Themes

There are two available themes: light and dark.

This can be controlled via the theme prop (defaults to light if non specified).

<Yamde value={text} handler={setText} theme="light" />

114793141-a6d12b00-9d81-11eb-9005-828d5ed6c931

<Yamde value={text} handler={setText} theme="dark" />

114793167-b5b7dd80-9d81-11eb-9ca9-c8c2a90e27c0