[go: nahoru, domu]

Skip to content

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

License

Notifications You must be signed in to change notification settings

kanakkholwal/nexo-mdx

Repository files navigation

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

Install

npm install nexo-mdx --save
# or
bun install nexo-mdx

Basic usage

Following steps:

  • Import nexo-mdx
  • Register plugins if required
  • Start usage.
import NexoMdxEditor from 'nexo-mdx';
import React from 'react';

export default function MDXEditor(){

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

    return <NexoMdxEditor value={mdValue} onChange={(value,_) => setMdValue(value)} />
}