Usage

The MindMap component initializes the mind map canvas, handles theming, and provides context for child components.

Use the onChange callback to respond to user interactions with the mind map. This callback receives the updated data whenever a node is added, edited, moved, or deleted.

Create a view-only mind map by disabling editing features. This is perfect for displaying organizational charts, knowledge bases, or any static content that shouldn't be modified by users.

Control how the mind map branches expand by setting the direction prop. Choose between left (0), right (1), or both sides (2) to match your content structure and visual preferences.

Use the onSelectNodes callback to respond to node selection events. This is useful for implementing custom actions, analytics, or synchronized views based on what users are focusing on.

The MindMap component supports multiple languages for its built-in menus and prompts. Set the locale prop to match your application's language or user preferences.

By default, the mind map automatically adapts to your document's theme. You can override this behavior by explicitly setting the theme prop to force a specific appearance.