Examples
UI components
UI Elements Replace

Replacing UI Elements

import { BlockNoteView, useCreateBlockNote } from "@blocknote/react";
import "@blocknote/react/style.css";
 
export default function App() {
  // Creates a new editor instance.
  const editor = useCreateBlockNote();
 
  // Renders the editor instance.
  return (
    <BlockNoteView editor={editor}>
      {/* TODO */}
      {/* <FormattingToolbarPositioner editor={editor} />
      <HyperlinkToolbarPositioner editor={editor} />
      <SlashMenuPositioner editor={editor} />
      <SideMenuPositioner
        editor={editor}
        sideMenu={() => <div className={"sideMenu"}>Side Menu</div>}
      />
      <ImageToolbarPositioner editor={editor} /> */}
    </BlockNoteView>
  );
}