floating-toolbar-classic-kit

PreviousNext
Docs
platecomponent

Preview

Loading preview…
registry/components/editor/plugins/floating-toolbar-classic-kit.tsx
'use client';

import { createPlatePlugin } from 'platejs/react';

import { FloatingToolbar } from '@/registry/ui/floating-toolbar';
import { FloatingToolbarButtons } from '@/registry/ui/floating-toolbar-classic-buttons';

export const FloatingToolbarKit = [
  createPlatePlugin({
    key: 'floating-toolbar',
    render: {
      afterEditable: () => (
        <FloatingToolbar>
          <FloatingToolbarButtons />
        </FloatingToolbar>
      ),
    },
  }),
];

Installation

npx shadcn@latest add @plate/floating-toolbar-classic-kit

Usage

import { FloatingToolbarClassicKit } from "@/components/floating-toolbar-classic-kit"
<FloatingToolbarClassicKit />