Floating Toolbar Buttons

Ai Toolbar ButtonComment Toolbar ButtonDropdown MenuEquation Toolbar ButtonFont Color Toolbar ButtonLink Toolbar ButtonMark Toolbar ButtonMore Toolbar ButtonSeparatorToolbarTooltipTurn Into Toolbar Button

Installation

Install the following dependencies:

npm install @platejs/basic-styles @platejs/comment @radix-ui/react-toolbar @radix-ui/react-tooltip @radix-ui/react-separator @radix-ui/react-dropdown-menu @platejs/math @platejs/link @platejs/selection @platejs/basic-nodes @platejs/callout @platejs/code-block @platejs/list @platejs/toggle @platejs/date @platejs/toc @platejs/layout @platejs/media @platejs/table

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Emoji Toolbar ButtonFloating Toolbar