https://github.com/kanakkholwal/nexo-mdx

Markdown Editor with React + TS + shadcn UI / Tailwind css
https://github.com/kanakkholwal/nexo-mdx

lightweight markdown markdown-editor open-source reactjs shadcn-ui tailwindcss typescript

Last synced: 3 days ago
JSON representation

Markdown Editor with React + TS + shadcn UI / Tailwind css

• Host: GitHub
• URL: https://github.com/kanakkholwal/nexo-mdx
• Owner: kanakkholwal
• License: mit
• Created: 2024-06-10T13:03:35.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-08-02T09:17:55.000Z (about 2 months ago)
• Last Synced: 2024-09-03T07:52:34.616Z (25 days ago)
• Topics: lightweight, markdown, markdown-editor, open-source, reactjs, shadcn-ui, tailwindcss, typescript
• Language: TypeScript
• Homepage:
• Size: 152 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nexo MDX Editor

- A Markdown editor of React component

- Supports TypeScript

- Support native textarea accessability in form

- Full markdown support

- Supports pluggable function bars

- Full control over UI

- Build with Shadcn UI components, Inherits your tailwind/shadcn ui theme

- Checkout more [remark plugins](https://github.com/kanakkholwal/remark-plugins)

## Install

```shell

npm install nexo-mdx --save

# or

bun install nexo-mdx

```

## Basic usage

Following steps:

- Import nexo-mdx

- Register plugins if required

- Start usage.

```ts

import NexoMdxEditor from 'nexo-mdx';

import React from 'react';

export default function MDXEditor(){

    const [mdValue,setMdValue] = React.useState("");

    return  setMdValue(value)} />

}

```