cursor-overlay-kit

PreviousNext
Docs
platecomponent

Preview

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

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

import { CursorOverlay } from '@/registry/ui/cursor-overlay';

export const CursorOverlayKit = [
  CursorOverlayPlugin.configure({
    render: {
      afterEditable: () => <CursorOverlay />,
    },
  }),
];

Installation

npx shadcn@latest add @plate/cursor-overlay-kit

Usage

import { CursorOverlayKit } from "@/components/cursor-overlay-kit"
<CursorOverlayKit />