{
  "name": "form-field-required",
  "kind": "block",
  "primary": "field-ui",
  "page": "/site/patterns/forms.html",
  "slots": [],
  "nested": [],
  "attrs": {
    "label": "Full name",
    "required": ""
  },
  "html": "<field-ui label=\"Full name\" required>\n        <input-ui placeholder=\"Maya Chen\"></input-ui>\n      </field-ui>",
  "source": "site/pages/patterns/forms.html",
  "metadata": {
    "domain": "forms",
    "description": "A required labeled text field — field-ui with the required attribute wrapping an input-ui, rendering the required asterisk and constraint binding.",
    "keywords": [
      "form",
      "field",
      "required",
      "asterisk",
      "label",
      "field-ui",
      "input-ui",
      "text",
      "wrapper",
      "labeled",
      "forms",
      "validation",
      "mandatory",
      "name",
      "placeholder"
    ]
  },
  "captured_at": "2026-06-09T18:16:34.245Z",
  "template": [
    {
      "id": "input",
      "component": "Input",
      "placeholder": "Maya Chen"
    },
    {
      "id": "root",
      "component": "Field",
      "required": true,
      "label": "Full name",
      "children": [
        "input"
      ]
    }
  ]
}