<Editor.Preview>

Render a drag-and-drop preview for the current data when composing a custom React Editor UI.

Interactive Demo

import { Editor } from "@reacteditor/core";
 
export function Editor() {
  return (
    <Editor>
      <Editor.Preview />
    </Editor>
  );
}

Props

Param	Example	Type	Status
`id`	`id: "my-preview-content"`	String	-

Optional props

`id`

A unique identifier for the preview frame. Default: editor-preview.

import { Editor } from "@reacteditor/core";
 
export function Editor() {
  return (
    <Editor>
      <Editor.Preview id="my-frame" />
    </Editor>
  );
}

<Editor.Outline><Render>