fixed-toolbar-classic-kit

PreviousNext
Docs
platecomponent

Preview

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

import { createPlatePlugin } from 'platejs/react';

import { FixedToolbar } from '@/registry/ui/fixed-toolbar';
import { FixedToolbarButtons } from '@/registry/ui/fixed-toolbar-classic-buttons';

export const FixedToolbarKit = [
  createPlatePlugin({
    key: 'fixed-toolbar',
    render: {
      beforeEditable: () => (
        <FixedToolbar>
          <FixedToolbarButtons />
        </FixedToolbar>
      ),
    },
  }),
];

Installation

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

Usage

import { FixedToolbarClassicKit } from "@/components/fixed-toolbar-classic-kit"
<FixedToolbarClassicKit />