Image Element

Image element with lazy loading, resizing capabilities, and optional caption.

Media Block Selection Button Dropdown Menu Image Preview Media Toolbar Plate Element Separator Spinner Toolbar Tooltip

Installation

Install the following dependencies:

npm install @udecode/plate-media @udecode/plate-resizable react-lazy-load-image-component @udecode/plate-caption @udecode/plate-selection @radix-ui/react-dropdown-menu @radix-ui/react-toolbar @radix-ui/react-tooltip @radix-ui/react-separator @radix-ui/react-slot

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Upload

Get the code ->

Horizontal Rule Element Image Preview