Block Editor

Uses a block-based rich text editor from BlockNote to allow users to edit and view blocks of content.

Usage
Props

import { useBlockNote } from "@blocknote/react";
import { BlockEditor } from "@/ui/input/editor/components/BlockEditor";

export const MyComponent = () => {
  const BlockNoteEditor = useBlockNote();

  return <BlockEditor editor={BlockNoteEditor} />;
};

Props	Type	Description
editor	`BlockNoteEditor`	The block editor instance or configuration

⌘I

Welcome

Core Concepts