markdown

A light-weight React Markdown editor with preview

Apr 23, 2021
A light-weight React Markdown editor with preview

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

Recommended