{
  "name": "form-field-select",
  "kind": "block",
  "primary": "field-ui",
  "page": "/site/patterns/forms.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "label": "Role"
  },
  "html": "<field-ui label=\"Role\">\n        <select-ui value=\"member\">\n          <option value=\"admin\">Admin</option>\n          <option value=\"member\">Member</option>\n          <option value=\"viewer\">Viewer</option>\n        </select-ui>\n      </field-ui>",
  "source": "site/pages/patterns/forms.html",
  "metadata": {
    "domain": "forms",
    "description": "A labeled dropdown select field — field-ui wrapping a select-ui with option children. For a single choice from a small fixed set of values (role, status, plan).",
    "keywords": [
      "form",
      "field",
      "select",
      "dropdown",
      "field-ui",
      "select-ui",
      "option",
      "role",
      "choice",
      "picker",
      "single-select",
      "forms",
      "labeled",
      "admin",
      "member",
      "viewer",
      "list"
    ]
  },
  "captured_at": "2026-06-09T18:16:34.245Z",
  "template": [
    {
      "id": "choice-picker",
      "component": "ChoicePicker",
      "value": "member",
      "options": [
        {
          "value": "admin",
          "label": "Admin"
        },
        {
          "value": "member",
          "label": "Member"
        },
        {
          "value": "viewer",
          "label": "Viewer"
        }
      ]
    },
    {
      "id": "root",
      "component": "Field",
      "label": "Role",
      "children": [
        "choice-picker"
      ]
    }
  ]
}