Alignment
Align your content to different positions.
Loading...
Installation
npm install @udecode/plate-alignment
Usage
// ...
import { createPlateEditor } from '@udecode/plate-common/react';
import { AlignPlugin } from '@udecode/plate-alignment/react';
import { ParagraphPlugin } from '@udecode/plate-common/react';
import { HeadingPlugin } from '@udecode/plate-heading/react';
const editor = createPlateEditor({
plugins: [
HeadingPlugin,
AlignPlugin.configure({
inject: {
targetPlugins: [
ParagraphPlugin.key,
HeadingPlugin.key,
],
},
}),
],
});
Plugins
AlignPlugin
API
setAlign
Sets the alignment for the specified block elements in the editor.
Parameters
Collapse all
The editor instance.
API Components
useAlignDropdownMenuState
Returns
Collapse all
The alignment value.
useAlignDropdownMenu
State
Collapse all
The alignment value.
Returns
Collapse all
Props for the radio group.