align-kit

plate/align-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-kit.json

Source

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

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

What it pulls in

npm packages

@platejs/basic-styles

Other registry items

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

Files it writes

src/registry/components/editor/plugins/align-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-base-kitalign-base-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