Example of Keyboard Interaction in Blazor Diagram Component
Built-In Commands
Command |
Gesture |
| Select All | Ctrl + A |
| Cut | Ctrl + X |
| Copy | Ctrl + C |
| Paste | Ctrl + V |
| Undo | Ctrl + Z |
| Redo | Ctrl + Y |
| Delete | Delete |
| Edit Annotation | F2 |
| Cancel | Esc |
Custom Commands
Command |
Gesture |
| NodeGroup | Ctrl + G |
| Ungroup | Ctrl + U |
Modified Commands
Command |
Gesture |
| Navigate to Parent Node | Up Arrow |
| Navigate to Child Node | Down Arrow |
| Navigate to Previous Child | Left Arrow |
| Navigate to Next Child | Right Arrow |
This sample demonstrates keyboard interaction with the Diagram component through shortcut keys and command manager customization.
Keyboard features:
- Shortcut key mapping using
CommandManagerproperty - Built-in command availability
- Custom command addition support
- Default command override capability
- Arrow keys navigate to next node instead of shifting selected objects
- Property panel listing interactions and key gestures