slash-editorComponents
Table of Contents
A heading outline of the live document with an active row that follows the caret or the scroll position.
Installation
bunx --bun shadcn@latest add @slash-editor/table-of-contentsHow the active row is chosen
While the editor is editable and focused, the active row follows the caret: move into a heading
and its row highlights, and clicking a row moves the caret there and scrolls the heading into
view. Otherwise — a read-only viewer, or an editable view that isn't focused — there is no caret
to follow, so the active row comes from the scroll position: the last heading at or above the top
of the scroll container wins. Pass scrollContainer when the editor scrolls inside its own
container instead of the window.
That viewer case — links, checkboxes, and the scroll-driven outline — is spelled out in the read-only guide.