ExamplesBasicUse with Ariakit

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} />;}