block-menu-kit

PreviousNext
Docs
platecomponent

Preview

Loading preview…
registry/components/editor/plugins/block-menu-kit.tsx
'use client';

import { BlockMenuPlugin } from '@platejs/selection/react';

import { BlockContextMenu } from '@/registry/ui/block-context-menu';

import { BlockSelectionKit } from './block-selection-kit';

export const BlockMenuKit = [
  ...BlockSelectionKit,
  BlockMenuPlugin.configure({
    render: { aboveEditable: BlockContextMenu },
  }),
];

Installation

npx shadcn@latest add @plate/block-menu-kit

Usage

import { BlockMenuKit } from "@/components/block-menu-kit"
<BlockMenuKit />