Skip to main content

Components

This section provides detailed documentation for all React components in the Concept Mapping Tool.

Component Categories​

The components are organized into several categories:

  • Core Components: Main functionality components (nodes, edges, editors)
  • Toolbar Components: Floating toolbars for editing nodes and edges
  • Layout Components: UI structure and navigation components
  • Presence Components: Real-time collaboration indicators

Component Structure​

Each component documentation includes:

  • Overview: What the component does
  • Props: All available props with types and descriptions
  • Usage: Example code snippets
  • Behavior: How the component behaves in different scenarios
  • Related Components: Links to related components

Getting Started​

Start by exploring the core components:

New components include:

  • CommentNode: Sticky note-style comment nodes with inline editing
  • NodeToolbar: Floating toolbar for customizing concept and comment appearance
  • EdgeToolbar: Floating toolbar for customizing relationship edges