inspector-customization

What problem does it solve?

Create and customize inspector panels for node editors.

Core Features & Use Cases

• Per-node inspector rendering with renderInspector in NodeDefinition.
• Custom inspector tabs via InspectorPanel with a configurable tab list.
• Extensible settings through InspectorSettingsTab and custom panels.
• Ready-to-use inspector UI components (InspectorPanel, PropertySection, InspectorInput, etc.) for consistent theming.

Quick Start

• Define a node with a renderInspector function to customize editing UI for the node's data, e.g., const MyNode = createNodeDefinition({ type: "person", displayName: "Person", ports: [...], renderInspector: PersonInspectorRenderer });
• Or wrap your editor with an InspectorPanel and provide custom tabs via a tab config array.
• For advanced usage, implement custom settings panels and pass them to InspectorSettingsTab.