FixedMenu

This component provides a fixed menu on the top-right of the editor, allowing you to add custom controls. It can be used in conjunction with the useEditor or EditorProvider hook to enhance the editor's functionality. The menu will automatically hide when the editor is in a non-editable state.

Example

<EditorProvider>
  <FixedMenu>
    <MenuItem>Command 1</MenuItem>
    <MenuItem>Command 2</MenuItem>
  </FixedMenu>
  <Editor appearance="textBox" />
</EditorProvider>

or

() => {
  const editor = useEditor();
  return (
    <div>
      <FixedMenu editor={editor}>
        <MenuItem>Command 1</MenuItem>
        <MenuItem>Command 2</MenuItem>
      </FixedMenu>
      <Editor editor={editor} appearance="textBox" />
    </div>
  );
};