# Vertical Checkbox Settings

#### Section Label Setting

You can easily customize the label of section, you can change it in this line of code:

<pre><code>```html
<strong>    &#x3C;label for="gender-title" class="inline-block ml-[5px]">Gender&#x3C;/label>
</strong>    &#x3C;input type="hidden" name="gender-title" id="gender-title" value="gender-title">
```
</code></pre>

{% hint style="danger" %}
Make sure that the "FOR" value of the label tag and the "ID" value of the input tag  have the same value
{% endhint %}

<figure><img src="https://661097536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr8qFadhU67bjBPTdiYzw%2Fuploads%2FyNmZlhWnHFT7JVkiXoDH%2FScreen%20Shot%202023-01-11%20at%2012.58.30.png?alt=media&#x26;token=b37336e0-b986-4c00-a461-f6e11ac7fd14" alt=""><figcaption></figcaption></figure>

#### Option Label Setting

You can easily customize the label of option, you can change it in this line of code: &#x20;

````
```html
    <input type="radio" id="subscribe" name="gender" value="male" checked>
    <label for="gender">Male</label><br>
```
````

{% hint style="danger" %}
Make sure that the "FOR" value of the label tag and the "ID" value of the input tag  have the same value
{% endhint %}

<figure><img src="https://661097536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr8qFadhU67bjBPTdiYzw%2Fuploads%2FDp1H8ycEb7n2C5FIBdAK%2FScreen%20Shot%202023-01-11%20at%2012.53.15.png?alt=media&#x26;token=6a2191ca-506e-4d67-ac2c-75bddbd5e027" alt=""><figcaption></figcaption></figure>

#### Add or delete the option

You can add or customize the option by customize these line of code:

````
```handlebars
 <input type="radio" id="OPTION_ID" name="fav_language" value="OPTION_VALUE">
 <label for="OPTION_ID">OPTION LABEL</label><br>
```
````

<figure><img src="https://661097536-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fr8qFadhU67bjBPTdiYzw%2Fuploads%2FrENpttT0ALB3lo9xnsHn%2FScreen%20Shot%202023-01-11%20at%2012.59.55.png?alt=media&#x26;token=9c464d92-329a-4a6e-96fe-976911bdfcae" alt=""><figcaption></figcaption></figure>
