Radio Control

Single choice radio button group displayed as buttons.

Options

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

Example

{
  "attributes": {
    "iconStyle": {
      "type": "string",
      "default": "outline",
      "wbs": {
        "label": "Icon Style",
        "control": "radio",
        "options": [
          { "label": "Outline", "value": "outline" },
          { "label": "Filled", "value": "filled" },
          { "label": "Duotone", "value": "duotone" }
        ]
      }
    }
  }
}

Template Usage

<i class="icon icon-{{ attributes.iconStyle }}"></i>

Difference from Select

Both let users choose one option. Radio shows all options visible at once (better for 3-5 options), while Select is a dropdown (better for 6+ options).