slash-editorComponents
Media & AI Node Views
ReactNodeViewRenderer targets for image, file, video, embed, and an AI block — upload/retry chrome shared across image/file/video.
Type /image, /file, /video, or /embed in the preview to try one.
Installation
bunx --bun shadcn@latest add @slash-editor/node-viewsUsage
The adapter is always a prop, never a hardcoded mock — wire your own UploadAdapter:
image.extend({
addNodeView: () =>
ReactNodeViewRenderer((props) => <ImageNodeView {...props} adapter={yourUploadAdapter} />),
});See the upload adapter guide for the full UploadAdapter
contract, including retry.
Presence Avatars
Connected collaborators as a row of colored initials, driven by usePresence against any awareness-shaped provider.
slash-editor Kit
Every slash-editor UI piece in one install — slash menu, bubble toolbar, block handle, mention menu, link editor, comment panel, presence avatars, and media/AI node views.