Markdown Editor
Compact rich text editor embedded in a form field, powered by Tiptap
import { MarkdownEditor } from "@plexui/ui/components/MarkdownEditor";Examples
Placeholder
All formatting
With Field
Supports bold, italic, lists, and links.
Toolbar end slot
Variants
Disabled
Invalid
This field is required.
Reference
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "outline" | "soft" | "outline" | Visual style of the editor |
disabled | boolean | false | Disable the editor |
invalid | boolean | false | Mark as invalid |
placeholder | string | — | Placeholder text when empty |
value | string | — | Controlled markdown value |
defaultValue | string | — | Initial markdown for uncontrolled mode |
onChange | (markdown: string) => void | — | Called on content change |
toolbarEnd | ReactNode | — | Content rendered at the end of the toolbar |
rows | number | 1 | Minimum visible rows |