# 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="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FXd6rtovxdwIt9apVyonC%2FSk%C3%A6rmbillede%202023-10-04%20160824.png?alt=media&#x26;token=88b2c466-fd40-44d9-a5ca-f23ee7650e5e" 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="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2F7z0Yg4JvK2qOQ57N3Oow%2FSk%C3%A6rmbillede%202023-10-04%20161041.png?alt=media&#x26;token=f2a6c34a-e946-44ea-a441-08b2ac42d79e" 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="https://4158541773-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUZwvCYi7VuSyayWGoc6M%2Fuploads%2FuD0tqWhap3AYtXg9S6xy%2FSk%C3%A6rmbillede%202023-10-04%20161258.png?alt=media&#x26;token=fd802caf-8f09-4478-b70a-2a0fbb0a14d7" alt=""><figcaption><p>This is how it looks in the Email Editor</p></figcaption></figure></div>
