reopt design
DocsExploreTemplatesCanvasToolsPricing
Login
opt-uiopt-chartsopt-datagridopt-editoropt-calendaropt-filemanageropt-chatopt-shellbrandapp-ui
opt-editor6
Version History
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • About
  • Contact
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Reviewopt-editor example

Version History

Edit a document, undo and redo changes, save in-memory snapshots, preview saved content, and restore any version as one undoable change.

edithistoryreviewundo
bun add @reopt-ai/opt-editor

APIs used

EditorStaticRenderercreateEditorStoredefaultCatalogEditorSpec

Live preview

Change the width and theme, then interact with the components.

1024px

Document version history

Matches latest saved version

Launch approval memo

Edit this document or add a review item, then save a version.

Saved versions live in this page's memory. Restoring a version can also be undone.

Install and import

Related docsOpen playground

Install

bun add @reopt-ai/opt-editor

Import

import { Editor, StaticRenderer, createEditorStore, defaultCatalog, type EditorSpec } from "@reopt-ai/opt-editor";

Related Examples

opt-editor

Basic Editor

Examples

Edit headings, paragraphs, and a callout with Editor, defaultCatalog, and an in-memory document store.

opt-editor

Diff Review

Examples

Review changes with keyboard-accessible decisions: accept updates the document, reject keeps the original, and reset starts over.

opt-editor

Headless Composition

Examples

Compose a custom authoring surface with BlockTree, BlockToolbar, document versions, and working undo/redo controls.

PreviousStatic Renderer