Use with Ariakit
This example shows how you can use BlockNote with Ariakit (instead of Mantine).
Relevant Docs:
import "@blocknote/core/fonts/inter.css"; import { useCreateBlockNote } from "@blocknote/react"; import { BlockNoteView } from "@blocknote/ariakit"; import "@blocknote/ariakit/style.css"; export default function App() { // Creates a new editor instance. const editor = useCreateBlockNote(); // Renders the editor instance using a React component. return <BlockNoteView editor={editor} />; }