EEnterUI
DocsComponentsThemesDonation
Get Started
      • InlineEdit
      • EditableText
      • MentionInput
      • RichTextEditor
EnterUIDocsInputsEditing and UploadInline EditingRichTextEditor
InputsUpdated 6 May 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

  1. Default usage
  2. Import
  3. Accessibility
  4. API
  5. Styling