Skip to main content

​
Installation

Install the editor package and its dependencies. 
npm install @open-email/editor

​
Basic Usage

The EmailEditor component is the main entry point. It must be wrapped in an EditorProvider. 
import { EmailEditor, EditorProvider } from "@open-email/editor";
import "@open-email/editor/styles.css";

export default function MyEditor() {
  return (
    <EditorProvider>
      <div style={{ height: "100vh", width: "100%" }}>
        <EmailEditor />
      </div>
    </EditorProvider>
  );
}

​
Next Steps

Now that you have the editor running, explore the core concepts and components.

Editor Engine

Learn about the state management and hooks that power the editor.

Custom Components

Add your own React components to the editor.