# 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.

#### 🧩 **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@globosoftware.net>**.

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


---

# 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.globo.io/options/selection-option-type/button-element.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.