Components

React Editor provides several components to support different integration approaches.

Core

• <App> - Mount a multi-page, schema-driven app with the editor mounted at /editor/*.
• <DropZone> - Place droppable regions (zones) inside other components to enable nested components.
• <Editor> - Render the React Editor editor.
• <Render> - Render a Data object for a given Config.

Compositional

• <App.Editor> - Routed <Editor> inside an <App>. Children are forwarded to the editor for compositional UI.
• <App.Render> - Routed <Render> inside an <App>.
• <Editor.Components> - A draggable list of components when composing a custom React Editor UI.
• <Editor.Fields> - The fields for the currently selected item when composing a custom React Editor UI.
• <Editor.Layout> - The standard React Editor layout.
• <Editor.Outline> - An interactive outline when composing a custom React Editor UI.
• <Editor.Preview> - A drag-and-drop preview when composing a custom React Editor UI.

Helper

• <ActionBar> - An action bar containing a series of actions, normally used with the actionBar override.
• <ActionBar.Action> - An action for use within the ActionBar component.
• <ActionBar.Group> - A group of actions for use within the ActionBar component.
• <ActionBar.Label> - A label for use within the ActionBar component.
• <ActionBar.Separator> - A separator to divide elements in the ActionBar component.
• <Drawer> - A reference list of items that can be dragged into a droppable area, normally <Editor.Preview>.
• <Drawer.Item> - An item that can be dragged from a <Drawer>.
• <FieldLabel> - Render a styled label when creating custom fields.
• <RichTextMenu> - A menu containing a series of controls for the rich text field.
• <RichTextMenu.Control> - A control for custom behavior within the RichTextMenu component.
• <RichTextMenu.Group> - A group of controls for use within the RichTextMenu component.