Compact React rich text editor powered by Tiptap, embedded in a form field — full markdown formatting toolbar, variants, and invalid state

import { MarkdownEditor } from "@plexui/ui/components/MarkdownEditor";

Examples

Description

Supports bold, italic, lists, and links.

Text markdown

Outline

Soft

Bio

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