Components

Simple Markdown Editor

Simple Markdown Editor component with multiple variants and sizes.

Client Only

Installation

pnpm dlx @docyrus/cli add @docyrus/ui-simple-markdown-editor
Required Packages(1 package)
pnpm add overtype

Usage

import {
  SimpleMarkdownEditor
} from "@docyrus/ui/components/simple-markdown-editor";

<SimpleMarkdownEditor
  variant="default"
  size="sm"
  ref={...}
  value="..."
  defaultValue="..."
  onValueChange={() => {}}
  textareaProps={...}
/>

Variants

VariantDescription
defaultDefault style
mutedMuted — border-border/70 bg-muted/20

Sizes

SizeDescription
smSmall — text-sm
defaultDefault — text-sm
lgLarge — text-base

API Reference

PropTypeDefault
variant"default" | "muted""default"
size"sm" | "default" | "lg""default"
refRef<SimpleMarkdownEditorRef>—
valuestring—
defaultValuestring—
onValueChange(value: string) => void—
resizablebooleanfalse
textareaPropsOverTypeOptions['textareaProps']—
classNamestring—

On this page