Features
- Customizable callout blocks for highlighting important information
- Support for different callout variants (e.g., info, warning, error)
- Ability to set custom icons or emojis for callouts
Usage
Installation
The fastest way to add the callout plugin is with the CalloutKit, which includes pre-configured CalloutPlugin with the Plate UI component.
CalloutElement: Renders callout elements.
Add Kit
Add the kit to your plugins:
import { createPlateEditor } from "platejs/react";
import { CalloutKit } from "@/components/editor/plugins/callout-kit";
const editor = createPlateEditor({
plugins: [
// ...otherPlugins,
...CalloutKit,
],
});
