# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.avonnicomponents.com/dynamic-components/component-builder/advanced-features/keyboard-shortcut.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.