align-base-kit

PreviousNext
Docs
platecomponent

Preview

Loading preview…
registry/components/editor/plugins/align-base-kit.tsx
import { BaseTextAlignPlugin } from '@platejs/basic-styles';
import { KEYS } from 'platejs';

export const BaseAlignKit = [
  BaseTextAlignPlugin.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],
    },
  }),
];

Installation

npx shadcn@latest add @plate/align-base-kit

Usage

import { AlignBaseKit } from "@/components/align-base-kit"
<AlignBaseKit />