noteloom

Blockquote

A single-line styled quotation — a leaf block, like paragraph/heading, whose contentIds are its own text runs. No props.

json
{ "id": "q1", "type": "blockquote", "parentId": "root", "contentIds": ["r1"], "props": {} }

Slash command

Quote — keywords: quote, blockquote, citation. Markdown shortcut: "> " at the start of a line.

Styling

Rendered with class .be-blockquote.

Using it in your editor

useEditor() registers every built-in block by default, blockquote included. To register only the blocks you use instead:

jsx
import { useEditor, NoteloomEditor, registerBlocks, paragraphBlockType, blockquoteBlockType } from 'noteloom';

function Editor() {
  const editor = useEditor({
    registerBlocks: (registry) => registerBlocks(registry, { paragraph: paragraphBlockType, blockquote: blockquoteBlockType }),
  });
  return <NoteloomEditor editor={editor} />;
}

See Picking only the blocks you want for combining this with other types.