# Select Input

## **General**

General settings for Select Input.

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FDPSDWFwutwKoW4m1nWlt%2Fselect-field1.png?alt=media&#x26;token=91a60147-686a-4627-876d-0a8da5084c13" alt=""><figcaption></figcaption></figure>

### **Label**

Here, you will add the label for your select input.

### **Field Name**

Here, you will add the field name that will be used to save your select input's data.

### **Make It Searchable**

Checking **Make it searchable** will allow visitors to search within your provided select options.

### **Required**

Checking **Required** will make the select input field mandatory, preventing users from submitting the form without selecting an option.

### **Select Options**

Here, in the select options, you can add choices for your select input.

* You can **drag and drop** to rearrange the order of the options.
* Click the **cross icon (✖)** to remove an option.
* To add a new option, click **Add Item**.

***

## **Styles**

<figure><img src="https://362195087-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fgc2JHjhPy9iPEiSY6VbF%2Fuploads%2FLBg02uvEqxBl2bcKYijV%2Fselect-field2.png?alt=media&#x26;token=905b03e0-130a-4d94-8aa9-b4a9eebecb25" alt=""><figcaption></figcaption></figure>

### **Hover Text Color (Light Theme)**

Here, you will set the text color when users hover over an element in the **light theme**.

### **Hover Text Color (Dark Theme)**

Here, you will set the text color when users hover over an element in the **dark theme**.

### **Hover Background Color (Light Theme)**

Here, you will set the background color when users hover over an element in the **light theme**.

### **Hover Background Color (Dark Theme)**

Here, you will set the background color when users hover over an element in the **dark theme**.

***