link-kit

PreviousNext
Docs
platecomponent

Preview

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

import { LinkPlugin } from '@platejs/link/react';

import { LinkElement } from '@/registry/ui/link-node';
import { LinkFloatingToolbar } from '@/registry/ui/link-toolbar';

export const LinkKit = [
  LinkPlugin.configure({
    render: {
      node: LinkElement,
      afterEditable: () => <LinkFloatingToolbar />,
    },
  }),
];

Installation

npx shadcn@latest add @plate/link-kit

Usage

import { LinkKit } from "@/components/link-kit"
<LinkKit />