Combobox Control

Searchable dropdown for large option sets.

Options

Option	Type	Default	Description
label	string	-	Field label
control	string	combobox	Control type
placeholder	string	-	Search placeholder
options	array	-	Array of {label, value} pairs
default	string	-	Default value

Example

{
  "attributes": {
    "country": {
      "type": "string",
      "default": "",
      "wbs": {
        "label": "Country",
        "control": "combobox",
        "placeholder": "Search countries...",
        "options": [
          { "label": "United States", "value": "usa" },
          { "label": "United Kingdom", "value": "uk" }
        ]
      }
    }
  }
}

Template Usage

<p class="country">Country: {{ attributes.country }}</p>

Use Case

Use Combobox when you have 20+ options that users would want to search through. For smaller option sets, Select is simpler.