Skip to main content

Swatches

Swatch is UI element that allows users to select from a range of options, often colors.

Additional parameters​

Options​

Select values should be separated with new line.

Use ^Option Text to check default.

Use Option Text {{val VALUE}} to set different option value.

Use {{color #HEXCOLOR}} to set the color of the swatch.

Minimum selected options​

Minimum allowed options to be checked.

Minimum selected options error text​

Error text that appears on validation.

Maximum selected options​

Maximum allowed options to be checked.

Maximum selected options error text​

Error text that appears on validation.

Display vertical​

Display elements vertically as a column.

Multiple selection​

Allow user to select multiple values.

Swatch width​

Horizontal size of the swatch.

Swatch height​

Vertical size of the swatch.