shadimage
plate
componentalign-kitsource: ok · hit

Align Kit

npx shadcn add "https://platejs.org/r/align-kit.json"
free

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light
@platejs/basic-styles

Registry dependencies

https://platejs.org/r/align-base-kit.jsonhttps://platejs.org/r/align-toolbar-button.json

Files1 · source cached 10/9/2026, 1:57:50 PM

src/registry/components/editor/plugins/align-kit.tsx
'use client';

import { TextAlignPlugin } from '@platejs/basic-styles/react';
import { KEYS } from 'platejs';

export const AlignKit = [
  TextAlignPlugin.configure({
    inject: {
      nodeProps: {
        defaultNodeValue: 'start',
        nodeKey: 'align',
        styleKey: 'textAlign',
        validNodeValues: ['start', 'left', 'center', 'right', 'end', 'justify'],
      },
      targetPlugins: [...KEYS.heading, KEYS.p, KEYS.img, KEYS.mediaEmbed],
    },
  }),
];

More from plate

Browse all components in this library →