Components
Column Group Element

Column Group Element

Group of columns with flexbox layout.

Installation

Install the following dependencies:

npm install @udecode/plate-selection

Copy and paste the following code into your project.

Get the code ->

Update the import paths to match your project setup.

Examples

Column

Columns

Organize your content into multiple columns for better layout and readability.
How to create and use columns:
  • Type "/column" to trigger the column menu.
  • Alternatively, select any block, open the block menu, and choose "Turn into" "3 columns".
  • The selected block will automatically go into the first column.
  • Use keyboard arrow keys to navigate between different columns.
Example of a 3-column layout:
Column 1
Column 2
Column 3