How to add custom extension in Menubar?

[shreeharsha-factly]

How do I add my custom extension in menu bar?

export default Node.create({
	name: "Uppy",
	group: "block",
	draggable: true,
	addAttributes() {
		return {
			src: {
				default: null,
			},
		};
	},
	parseHTML() {
		return [
			{
				tag: "img",
			},
		];
	},
	renderHTML({ HTMLAttributes }) {
		return ["img", mergeAttributes(HTMLAttributes)];
	},
	addNodeView() {
		return ReactNodeViewRenderer(Component);
	},
});

How to add my custom extension in MenuBar similar to bold menu item as mentioned in Example

	<button
		onClick={() => editor.chain().focus().toggleBold().run()}
	         className={editor.isActive("bold") ? "is-active" : ""}
	>
		bold
	</button>

[cadars]

I think you need to define commands with addCommands, and then use them in your MenuBar.
https://www.tiptap.dev/guide/custom-extensions#commands

[hanspagel]

Yes, read more about commands: https://www.tiptap.dev/api/commands/