React Diagram - Keyboard Support

A user can press the following keys to interact with the UI component:

Key Action
Ctrl + X / Shift + Delete Cuts the selected elements.
Ctrl + C / Ctrl + Insert Copies the selected elements to the clipboard.
Ctrl + V / Shift + Insert Pastes the contents of the clipboard.
Ctrl + A Selects all elements on the diagram page.
Delete / Backspace Deletes the selected elements.
Ctrl + Z Undoes the last action.
Ctrl + Y Redoes the last undone action.
Ctrl + B Applies bold formatting to the text of the selected elements.
Ctrl + I Applies italic formatting to the text of the selected elements.
Ctrl + U Underlines the text of the selected elements.
Ctrl + Enter Finishes shape/connector text editing.
← / → / ↑ / ↓ Moves the selected elements one grid cell in the specified direction.
Ctrl + ← / → / ↑ / ↓ Moves the selected elements one pixel in the specified direction.
Alt + ← / → / ↑ / ↓ Clones the selected elements.
Left Mouse Button Drag Moves the selected elements. If you realize the mouse button above a container, places the elements inside this container.
Ctrl + Left Mouse Button Drag Moves the selected elements. If you realize the mouse button above a container, places the elements outside this container.
Shift + Left Mouse Button Drag Moves the selected elements horizontally or vertically. If you realize the mouse button above a container, places the elements outside this container.
Ctrl + Mouse Wheel Zooms into or out of a diagram page.
Space + Left Mouse Button Pans a diagram page if the Diagram UI component is focused.
F11 Switches to full screen.

Refer to the following section for more information: Work with Chart Elements.