Collapsible

Extensions

Collapsible

Collapsible sections (details/summary) inside the editor

Adds collapsible/expandable content blocks — a title that toggles visibility of its body. Native HTML <details> semantics.

Install

pnpm add @typix-editor/extension-collapsible

Live demo

Insert programmatically

import { INSERT_COLLAPSIBLE_COMMAND } from "@typix-editor/extension-collapsible";

editor.lexical.dispatchCommand(INSERT_COLLAPSIBLE_COMMAND, undefined);

Node helpers

import {
  $createCollapsibleContainerNode,
  $createCollapsibleTitleNode,
  $createCollapsibleContentNode,
  $isCollapsibleContainerNode,
} from "@typix-editor/extension-collapsible";

Use these inside editor.lexical.update(() => ...) blocks for custom content insertion.

Slash Command

Insert collapsible blocks via /.

Tab Focus

Tab key navigates IN and OUT of the editor for accessibility

Code Block

Multi-line code blocks with language selection