{
  "name": "select-multiple-preselected",
  "kind": "block",
  "primary": "section",
  "page": "/catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
  "slots": [],
  "nested": [],
  "attrs": {},
  "html": "<section>\n    <field-ui label=\"Labels\">\n      <select-ui multiple>\n        <option value=\"bug\" selected>Bug</option>\n        <option value=\"feature\">Feature</option>\n        <option value=\"docs\" selected>Documentation</option>\n        <option value=\"urgent\">Urgent</option>\n      </select-ui>\n    </field-ui>\n  </section>",
  "source": "catalog/ui-patterns/v053-coverage-fill/v053-coverage-fill.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Multi-select field with declaratively pre-selected options via &lt;option selected&gt;. All selected options are captured on init (FB-46 fix); comma-joined value string used for multi-select.",
    "keywords": [
      "select",
      "multiple",
      "pre-selected",
      "option",
      "selected",
      "form",
      "field",
      "multi-value",
      "picker",
      "init",
      "value"
    ]
  },
  "captured_at": "2026-06-07T19:28:13.657Z",
  "template": [
    {
      "id": "choice-picker",
      "component": "ChoicePicker",
      "multiple": true,
      "options": [
        {
          "value": "bug",
          "label": "Bug"
        },
        {
          "value": "feature",
          "label": "Feature"
        },
        {
          "value": "docs",
          "label": "Documentation"
        },
        {
          "value": "urgent",
          "label": "Urgent"
        }
      ],
      "value": "bug,docs"
    },
    {
      "id": "field",
      "component": "Field",
      "label": "Labels",
      "children": [
        "choice-picker"
      ]
    },
    {
      "id": "root",
      "component": "Section",
      "children": [
        "field"
      ]
    }
  ]
}