Markdown-editor-thing NPM

Markdown Editor Thing

A light-weight, unstyled React markdown rich text editor component.

Features

Extremely lightweight 🪶
Customizable icon support for text editor 🖌️
Completely unstyled, allowing for flexible styling options 🔥

Description

The markdown-editor-thing is a React component that provides a simple and intuitive interface for writing markdown.

This component is intentionally unstyled, allowing you to apply your own custom styles and design preferences. Additionally, you have the flexibility to replace the default built-in icons with your own custom icons, text, or images

Installation

npm install markdown-editor-thing

yarn add markdown-editor-thing

Usage

Basic example

import { Textarea } from "markdown-editor-thing";

const App = () => {
  return <Textarea />;
};

Custom icons

You can customize the icons used in the markdown text editor input by passing your own icons, text, or any other valid HTML element as props. Here's an example:

import { Textarea } from "markdown-editor-thing";

const App = () => {
  return (
    <Textarea
      boldIcon={...}
      italicIcon={...}
      underlineIcon={...}
      quoteIcon={...}
      imageIcon={...}
      linkIcon={...}
      ...
    />
  );
};