Skip to content

Select Control

Dropdown selection with predefined options.

OptionTypeDefaultDescription
labelstring-Field label
controlstringselectControl type
optionsarray-Array of {label, value} pairs
defaultstring-Default value
{
"attributes": {
"alignment": {
"type": "string",
"default": "left",
"wbs": {
"label": "Text Alignment",
"control": "select",
"options": [
{ "label": "Left", "value": "left" },
{ "label": "Center", "value": "center" },
{ "label": "Right", "value": "right" }
]
}
}
}
}
<div class="content" style="text-align: {{ attributes.alignment }}">
{{ inner_blocks|raw }}
</div>

Use Select for 4+ options where dropdown is appropriate. For 2-3 options, consider Radio buttons for better visibility.