Keyboard Shortcut

Avonni Dynamic Component Builder supports several keyboard shortcuts to speed up your workflow and improve efficiency. This page lists the available shortcuts and their corresponding actions.

1. Global Shortcuts

These shortcuts are available throughout the Component Builder.

Shortcut	Action
Alt + h (Option + h on macOS)	Display Keyboard Shortcut Help
Ctrl + z (Cmd + z on macOS)	Undo the last action.
Ctrl + Shift + z (Cmd + Shift + z on macOS)	Redo the last undone action.
Ctrl + s (Cmd + s on macOS)	Save the current Dynamic Component.
Ctrl + b (Cmd + b on macOS)	Toggle the visibility of the Component Library/Resources panel.

2. Canvas Shortcuts

These shortcuts are available when interacting with the component canvas (the main design area).

Shortcut	Action
Down Arrow / Up Arrow	Highlight the next/previous component on the canvas.
Enter / Space	Select the currently highlighted component. This will open the Properties Panel and focus on the component's title.
Tab (after highlighting)	Cycle through interactive elements within the selected component (including the "Move" button, if available).
Enter / Space (on "Move")	Initiate the "Move" action for the highlighted component.
Up Arrow / Down Arrow (during Move)	Move the highlighted component to a new position on the canvas.
Escape (during Move)	Cancel the "Move" action.
Enter (during Move)	Drop (place) the component in the currently selected position.

3. Adding Components Shortcuts

These shortcuts are available when the focus is on the Components List (available in the Component Library)

Shortcut	Action
Up Arrow / Down Arrow	Select the next/previous component in the Component list.
Enter	Add a new component, of the selected type, at the end of the canvas
Space (on components list)	Initiate the "Add" action for a component to be added to a specific position.
Up Arrow / Down Arrow (during Add)	Move to select the targeted position for the new component.
Escape (during Add)	Cancel the "Add" action.
Enter (during Add)	Drop (place) the component in the currently selected position.

Notes

• macOS: Where "Ctrl" is listed, use "Cmd" on macOS. Where "Alt" is listed, use "Option" key on macOS.

• Component-Specific Shortcuts: Some individual Avonni components may have their specific shortcuts. Refer to the documentation for individual components for details.

• Context-Dependent: Some shortcuts may only be available in specific contexts (e.g., when a component is selected, when the focus is in a particular panel).

• Accessibility: Keyboard shortcuts are crucial for accessibility, allowing users who cannot use a mouse to interact with the Component Builder effectively