Docs
Alignment

Alignment

Align your content to different positions.

Align Dropdown Menu

Alignment

Align text within blocks to create visually appealing and balanced layouts.

Center

Create clean and balanced layouts by justifying block text, providing a professional and polished look.

Features

  • Provides text alignment options: left, right, center, or justify.

Installation

npm install @udecode/plate-alignment

Usage

// ...
import { createAlignPlugin } from '@udecode/plate-alignment';
 
const plugins = [
  // ...otherPlugins,
  createAlignPlugin({
    inject: {
      props: {
        validTypes: [
          ELEMENT_PARAGRAPH,
          ELEMENT_H1,
          ELEMENT_H2,
          ELEMENT_H3,
          ELEMENT_H4,
          ELEMENT_H5,
          ELEMENT_H6,
        ],
      },
    },
  }),
];

API

createAlignPlugin

setAlign

API Components

useAlignDropdownMenu

TypescriptAutoformat