Select Control
Dropdown selection with predefined options.
Options
Section titled “Options”| Option | Type | Default | Description |
|---|---|---|---|
label | string | - | Field label |
control | string | select | Control type |
options | array | - | Array of {label, value} pairs |
default | string | - | Default value |
Example
Section titled “Example”{ "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" } ] } } }}Template Usage
Section titled “Template Usage”<div class="content" style="text-align: {{ attributes.alignment }}"> {{ inner_blocks|raw }}</div>Use Case
Section titled “Use Case”Use Select for 4+ options where dropdown is appropriate. For 2-3 options, consider Radio buttons for better visibility.