{
  "name": "form-field-range",
  "kind": "block",
  "primary": "field-ui",
  "page": "/site/patterns/forms.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "label": "Volume"
  },
  "html": "<field-ui label=\"Volume\">\n        <range-ui min=\"0\" max=\"100\" value=\"60\"></range-ui>\n      </field-ui>",
  "source": "site/pages/patterns/forms.html",
  "metadata": {
    "domain": "forms",
    "description": "A labeled range slider field — field-ui wrapping a range-ui with min/max/value. For selecting a numeric value within a bounded range (volume, opacity, threshold).",
    "keywords": [
      "form",
      "field",
      "range",
      "slider",
      "field-ui",
      "range-ui",
      "min",
      "max",
      "value",
      "numeric",
      "bounded",
      "volume",
      "opacity",
      "threshold",
      "forms",
      "labeled",
      "slider-control"
    ]
  },
  "captured_at": "2026-06-09T18:16:34.245Z",
  "template": [
    {
      "id": "range",
      "component": "Range",
      "max": 100,
      "min": 0,
      "value": 60
    },
    {
      "id": "root",
      "component": "Field",
      "label": "Volume",
      "children": [
        "range"
      ]
    }
  ]
}