> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/selection-option-type/button-element.md).

# Button Element

The **Button** element is a flexible and visually appealing option that lets customers select one or more values by clicking on stylized button choices — similar in functionality to **Radio Buttons** and **Checkboxes**, but with a more modern look.

<figure><img src="/files/UHagQwZOdK8MgdT2zRXp" alt=""><figcaption></figcaption></figure>

#### 🧩 **How It Works**

* Buttons appear as clickable blocks (not dropdowns or standard input fields).
* They can be configured for:
  * **Single selection** (like radio buttons)
  * **Multiple selections** (like checkboxes)

***

#### ⚙️ **General Settings**

You can customize the following settings in the **Basic Configuration**:

* **Label / Name**: Change the title of the field.
* **Required Field**: Force customers to make a selection before proceeding.
* **Hidden Field**: Hide the field from view if needed (used for logic or advanced workflows).
* **Helptext**
* **Add-on Price**: Attach a price to specific button values.
* **Allow multiple:**

<figure><img src="/files/zy5NZgSx4Du2sbpRlSR1" alt=""><figcaption></figcaption></figure>

* **Default Value**: Pre-select a button when the page loads.

***

#### 🧠 **Advanced Settings**

Just like other elements, the **Button** element supports:

* **Conditional Logic**: Show/hide the element based on other selections.
* **Style:** Horizontal & Vertical:

<figure><img src="/files/jrMf6CpwNMzd2KVjrqIE" alt=""><figcaption></figcaption></figure>

* **Expand/collapse option values**
* **Help text position**
* **HTML Class / Column Width**: For layout and style control.

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**

We’re always here and happy to help — with sincerity and care!