Floating Toolbar Buttons

A set of formatting buttons for the floating toolbar.

AI Toolbar ButtonColor Dropdown MenuComment Toolbar ButtonDropdown MenuInline Equation Toolbar ButtonLink Toolbar ButtonMore Dropdown MenuSeparatorToolbarTooltipTurn Into Dropdown Menu

Installation

Install the following dependencies:

npm install @udecode/plate-basic-marks @udecode/plate-comments @radix-ui/react-toolbar @radix-ui/react-tooltip @radix-ui/react-separator @udecode/plate-font @radix-ui/react-dropdown-menu @udecode/plate-math @udecode/plate-link @udecode/plate-selection @udecode/plate-block-quote @udecode/plate-callout @udecode/plate-code-block @udecode/plate-heading @udecode/plate-indent-list @udecode/plate-toggle @udecode/plate-date @udecode/plate-layout @udecode/plate-media @udecode/plate-table

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Emoji PickerFloating Toolbar