Table of Contents Sidebar

A sidebar that displays and navigates document headings.

TOCButtonPopoverSpinnerTooltip

Installation

Install the following dependencies:

npm install @udecode/plate-heading @radix-ui/react-slot @radix-ui/react-tooltip @radix-ui/react-popover

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

ResizableTurn Into Dropdown Menu