Column Kit

Features

• Add columns to your document.
• Choose from a variety of column layouts using column-group-node toolbar.
• Resizable columns

Usage

Installation

The fastest way to add column functionality is with the ColumnKit, which includes pre-configured ColumnPlugin and ColumnItemPlugin with Plate UI components.

• ColumnGroupElement: Renders column group containers.
• ColumnElement: Renders individual column items.

Add Kit

Add the kit to your plugins:

import { createPlateEditor } from "platejs/react";
import { ColumnKit } from "@/components/editor/plugins/column-kit";

const editor = createPlateEditor({
  plugins: [
    // ...otherPlugins,
    ...ColumnKit,
  ],
});