> For the complete documentation index, see [llms.txt](https://documentation.alpaco.email/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://documentation.alpaco.email/template/input-groups/input-types/select.md).

# Select

Works great for:

* **Alignment -** Provide the allowed text alignments (i.e. left, center, right).
* **Colors -** Provide a list of available colors to choose from (i.e. brand colors), for example for a CTA button background.
* **Text Sizes** - Give the marketeer an option to change text size (i.e. small, medium, large), between some preselected and approved values.
* **Market/Country** - Use one **Template** for all markets/countries/languages, and allow the marketeer to change it per email. Works best as setting on **Base** so it can be applied to the entire **Template**.

### Template Editor

When creating a new **Select** input, you will be able to add the predefined options. The **Value** of the selected option will be outputted in the liquid variable. You can set a default value to be preselected using the **Advanced Options** for the input.

<div align="left"><figure><img src="/files/VV4FcOB1NSAGlAfL0FP1" alt=""><figcaption><p>In this example we created the options of Red and Green for background color. <br>Default value has been set to Red</p></figcaption></figure></div>

<figure><img src="/files/vD7UXcp493wXI3zee4Ou" alt=""><figcaption><p>This is how it can be applied in the code. Notice the {% if statement %} wrapping around the TD's</p></figcaption></figure>

Notice how with **Select** we can wrap other code bits into a Liquid statement like so:

```liquid
{% if my_input_group_name.my_background_color == 'red' %}
  <td style="background-color: red">
   {% else %}
   <td style="background-color: green">
    {% endif %}
```

### Email Editor

<div align="left"><figure><img src="/files/RpT3DhQuc2wtLOEtMLX2" alt=""><figcaption><p>This is how it looks in the Email Editor</p></figcaption></figure></div>
