Button Input Mode Demo
This demo shows how to use a custom input mode to add temporary buttons to model items.
The buttons can be individually styled and placed and trigger an action on click or drag.
Things to Try
- Hover over nodes, edges, bends or labels to see which buttons are added for them.
- Hover over these buttons to see different hover effects and cursors.
- Click or drag from a button to trigger the action associated with the button.
in the toolbar to change the trigger when buttons should be added to an item.
is the default behavior that displays the buttons for an item when hovering over it.
displays the buttons for the
displays the buttons on right-clicking a model item.
key while the
is focused to set a focus to the first button and cycle through all buttons.
A focused button can be triggered using the
See the sources for details.