plate
uiai-toolbar-buttonsource: ok · hit
AI Toolbar Button
A toolbar button for accessing AI features.
npx shadcn add "https://platejs.org/r/ai-toolbar-button.json"free
Where it goes
feature-grid
Tags auto-generated by rules on 9/24/2026 — empty means no evidence, not lack of support.
Dependencies
Bundle weight · light@platejs/ai
Registry dependencies
https://platejs.org/r/toolbar.json
Files1 · source cached 10/9/2026, 10:17:29 PM
src/registry/ui/ai-toolbar-button.tsx
'use client';
import * as React from 'react';
import { AIChatPlugin } from '@platejs/ai/react';
import { useEditorPlugin } from 'platejs/react';
import { ToolbarButton } from './toolbar';
export function AIToolbarButton(
props: React.ComponentProps<typeof ToolbarButton>
) {
const { api } = useEditorPlugin(AIChatPlugin);
return (
<ToolbarButton
{...props}
onClick={() => {
api.aiChat.show();
}}
onMouseDown={(e) => {
e.preventDefault();
}}
/>
);
}