align-base-kit

plate/align-base-kit

FreeComponent

plate publishes no description for this item.

Live preview

live · rendered by the registry

Rendered by plate on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://platejs.org/r/align-base-kit.json

Source

src/registry/components/editor/plugins/align-base-kit.tsxplatejs.org/r/align-base-kit.json

1import { BaseTextAlignPlugin } from '@platejs/basic-styles';
2import { KEYS } from 'platejs';
3 
4export const BaseAlignKit = [
5  BaseTextAlignPlugin.configure({
6    inject: {
7      nodeProps: {
8        defaultNodeValue: 'start',
9        nodeKey: 'align',
10        styleKey: 'textAlign',
11        validNodeValues: ['start', 'left', 'center', 'right', 'end', 'justify'],
12      },
13      targetPlugins: [...KEYS.heading, KEYS.p, KEYS.img, KEYS.mediaEmbed],
14    },
15  }),
16];

What it pulls in

npm packages

@platejs/basic-styles

Files it writes

src/registry/components/editor/plugins/align-base-kit.tsx

More from plate

All 324 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
ai-kitai-kit	plate	Components	Free	1 dep
AI Menuai-menu	plate	Components	Free	5 deps · 2 files
AI Leafai-node	plate	Components	Free	no deps
AI Toolbar Buttonai-toolbar-button	plate	Components	Free	1 dep
align-kitalign-kit	plate	Components	Free	1 dep
Align Toolbar Buttonalign-toolbar-button	plate	Components	Free	1 dep
autoformat-classic-kitautoformat-classic-kit	plate	Components	Free	2 deps
autoformat-kitautoformat-kit	plate	Components	Free	2 deps