Extensions Overview

Extensions are modular packages that add features to your Typix editor. Each extension is a separate npm package you install only when needed.

How extensions work

Extensions are React components rendered as children of EditorRoot. They register Lexical plugins, commands, and node transforms behind the scenes.

<EditorRoot>
  <EditorContent />
  <LinkExtension />
  <ShortCutsExtension />
  <MaxLengthExtension maxLength={1000} />
</EditorRoot>

Some extensions also provide custom Lexical nodes that must be registered in the editor config:

import { createEditorConfig, defaultExtensionNodes } from '@typix-editor/react';
import { MentionNode } from '@typix-editor/extension-mention';

const config = createEditorConfig({
  extensionNodes: [...defaultExtensionNodes, MentionNode],
});

Extension catalog

Text & Formatting

Code

Input & Behavior

UI & Interaction

Installation pattern

All extensions follow the same pattern:

pnpm add @typix-editor/extension-{name}

npm install @typix-editor/extension-{name}

yarn add @typix-editor/extension-{name}