Multi Select Control

Multiple selectable items from a dropdown.

Options

Option	Type	Default	Description
label	string	-	Field label
control	string	multi-select	Control type
options	array	-	Array of {label, value} pairs
default	array	[]	Default values

Example

{
  "attributes": {
    "categories": {
      "type": "array",
      "default": [],
      "wbs": {
        "label": "Categories",
        "control": "multi-select",
        "options": [
          { "label": "News", "value": "news" },
          { "label": "Tech", "value": "tech" },
          { "label": "Sports", "value": "sports" }
        ]
      }
    }
  }
}

Template Usage

<div class="categories">
  {% for cat in attributes.categories %}
    <span class="tag tag-{{ cat }}">{{ cat }}</span>
  {% endfor %}
</div>

Use Case

Use Multi Select when users need to choose multiple items from a list, like tags, categories, or filters.