> For the complete documentation index, see [llms.txt](https://conusyntax.gitbook.io/products/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://conusyntax.gitbook.io/products/widget-blueprints/wbp_genericbutton/enabling-selection-states.md).
# Enabling Selection States
To ensure that your custom **Generic Buttons** display proper selection states (e.g., Selected, Deselected, or Hovered), they must be registered in the main menu's logic.
#### 1. Creating a Button Group
When adding Generic Buttons to the Designer, they are typically placed inside a container like a **Scroll Box**, **Wrap Box**, or **Horizontal Box**.
1. Select the container holding your buttons in the **Hierarchy**.
2. In the **Details**, check the **Is Variable** box.
3. Give this container a descriptive name (e.g., HairstyleButtonGroup).
#### 2. Register the Group in the Menu Logic
To make the buttons within that container "selectable," you must register the container in the main creator menu:
1. Open the **WBP\_CreatorMenu** graph.
2. Go to **Functions** > **Getters** and open the **GetGenericButtons** function.
3. Drag your new button group variable into the graph.
4. In the **Make Array** node, click **Add Pin** and connect your button group variable to it.
{% hint style="info" %}
The **GetGenericButtons** function returns an array of all active button groups. By adding your container to this array, the system automatically manages the selection states for every button inside that container.
{% endhint %}
