Discussion Kit

Installation

No MCP yet? Connect your agent.

Features

  • User Management: Store and manage user data with avatars and names
  • Discussion Threads: Manage discussion data structures with comments
  • Current User Tracking: Track the current active user for collaboration
  • Data Storage: Pure UI plugin for storing collaboration state
  • Selector API: Easy access to user data through plugin selectors

Usage

Installation

The fastest way to add discussion functionality is with the DiscussionKit, which includes the pre-configured discussionPlugin along with its Plate UI components.

  • BlockDiscussion: Renders discussion UI above nodes

Add Kit

import { createPlateEditor } from "platejs/react";
import { DiscussionKit } from "@/components/editor/plugins/discussion-kit";

const editor = createPlateEditor({
  plugins: [
    // ...otherPlugins,
    ...DiscussionKit,
  ],
});

Connect users, persistence, permissions, and any realtime transport in the host application. The component alone does not provide a shared backend.

Related items

Requires

  • A popover interface for managing discussions: comments, replies, suggestions.

    ReactTailwind