> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help-option.ymqapp.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Color Swatch and Image Swatch

1. [Option](/ymq-options-v2/option)
2. [Selection Option Type](/ymq-options-v2/option/selection-option-type)

# Color Swatch and Image Swatch

📌 **Color Swatch** and **Image Swatch** are visually interactive option types that let customers select from a set of choices using **colors** or **images**, instead of traditional dropdowns or text.

---

**🔧 Basic Settings**

* **Name** – Change the display name shown to customers.
* **Required Field** – Make the field mandatory before form submission.
* **Column width** - Option represents a percentage of the overall width, e.g., 100%, 50%.
* **Add-on Price** – Add an extra cost when a customer fills out this field.
* **Conditional Logic** – Show/hide this field based on other option selections.

---

**💡 Advanced Settings**

1

☑️ **Allow multiple**

![](https://storage.crisp.chat/users/helpdesk/website/-/a/4/e/0/a4e00f2cf5df6800/e2979e01-4961-4a6b-a679-538c42_160iint.jpg)

2

🔢 **Min & Max selections**

Min & Max selections can be used only when **“Allow multiple”** is enabled.

3

🖼️ **Select input options for preview** _**(**_**Advanced** _**Plan Feature)**_

Only **Color Swatch** options support changing the text color of the Text field.

![](https://storage.crisp.chat/users/helpdesk/website/-/5/e/7/8/5e78d3935a390c00/4d1bf7ff-5103-4cdc-bf2d-9b0b83_1h81e90.jpg)