EnterUI
DocsComponentsThemesExamplesDonation
Get Started
      • InlineEdit
      • EditableText
      • MentionInput
      • RichTextEditor

Default usage

  1. EnterUI
  2. /Docs
  3. /Inputs
  4. /Editing and Upload
  5. /Inline Editing
  6. /RichTextEditor
Updated 3 October 2026

RichTextEditor

Lightweight markdown-style editor for comments and descriptions.

RichTextEditor is deliberately small. It is not a full document editor; it gives product teams enough formatting for comments, descriptions, release notes, and internal review text.

#Default usage

Release note editor

Toolbar actions insert markdown-style formatting into the textarea.

Code
<RichTextEditor defaultValue="Ship polished component docs." minRows={5} />

#Import

Code
import { RichTextEditor } from "@froggdesign/enter-ui-react";

#Accessibility

The toolbar is labelled and every formatting control is a button with aria-pressed. The editor body remains a native textarea for predictable keyboard and assistive technology behavior.

#API

  • value, defaultValue, and onValueChange.
  • placeholder, disabled, and minRows.
  • toolbar={false} hides toolbar controls.
  • toolbar={["bold", "italic"]} narrows available actions.

#Styling

RichTextEditor uses .eui-rich-text-editor classes and FroggDesign tokens for the toolbar, controls, textarea, focus ring, and disabled state.

PreviousMentionInput
NextTagsInput
On this page
  • Default usage
  • Import
  • Accessibility
  • API
  • Styling