> For the complete documentation index, see [llms.txt](https://docs.theshoppad.com/infinite-options/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.theshoppad.com/infinite-options/welcome/create-custom-options/button.md).

# Button

Add a Button field in Infinite Options so shoppers pick one or several choices from clickable buttons instead of a dropdown or radio list.

A Button field shows choices as clickable buttons instead of a dropdown or radio list. It supports both single and multiple selections.

## Step 1: Add a Button Field

Open an existing Option Set or create a new one. Add a new option and select Button as the input type.

## Step 2: Add Your Option Values

Enter the values customers will choose from.

## Step 3: Choose Single or Multiple Selection

By default, Button is single-select, and Required is forced on since a shopper always needs to pick one. To allow more than one choice, turn on Allow Multiple Selections under Additional configuration. This reveals Min Selections and Max Selections, and the field behaves like a set of checkboxes. Required is optional for multi-select.

<figure><img src="https://docs.theshoppad.com/infinite-options/assets/Button%20option.jpeg" alt=""><figcaption></figcaption></figure>

## Step 4: Style the Buttons

Under Styling, choose a Layout (Horizontal or Vertical), a Button shape (Square, Rounded, or Circle), and a Button width (Fit label, or a fixed 25/33/50/66/75/100%). Optionally add a Class name for custom CSS.

<figure><img src="https://docs.theshoppad.com/infinite-options/assets/Styling%20Buttons.jpeg" alt=""><figcaption></figcaption></figure>

## Step 5: Save Your Option Set

Click Save to save your changes.
