{
  "name": "multi-field-form-validation",
  "kind": "block",
  "primary": "form",
  "page": "/apps/user-flow/app/registration/legal/legal.contents.html",
  "slots": [],
  "nested": [
    "reg-step-header",
    "reg-legal-entity",
    "reg-step-footer",
    "reg-step-progress"
  ],
  "attrs": {
    "data-reg-input": "",
    "action": "/site/examples/registration/address",
    "method": "get"
  },
  "html": "<form data-reg-input action=\"/site/examples/registration/address\" method=\"get\">\n        <header data-reg-heading><!-- nested: reg-step-header --></header>\n\n        <section data-reg-form><!-- nested: reg-legal-entity --></section>\n\n        <footer><!-- nested: reg-step-footer --></footer>\n      </form>",
  "source": "apps/user-flow/app/registration/legal/legal.contents.html",
  "metadata": {
    "domain": "forms",
    "description": "Complete multi-field form with validation — heading, six labelled fields mixing text inputs and selects, several with required markers, hint text, and an input pattern (tax ID). Canonical shape for a long form where most fields are required and carry helper hints. Includes header and submit footer. Use for 'multi-field form with validation', 'form with required fields and hints', 'long form'.",
    "keywords": [
      "multi-field",
      "form",
      "validation",
      "required",
      "fields",
      "hint",
      "helper",
      "text",
      "pattern",
      "input",
      "select",
      "labelled",
      "long",
      "form",
      "complete",
      "card",
      "heading",
      "footer",
      "submit",
      "validate",
      "business",
      "legal",
      "entity",
      "full-form"
    ],
    "related": [
      "reg-legal-entity",
      "form-field-required",
      "form-field-email-hint",
      "reg-step-footer"
    ],
    "tags": {
      "complexity": "complex",
      "form": "validation"
    }
  },
  "captured_at": "2026-06-10T14:28:57.979Z",
  "template": [
    {
      "id": "text",
      "component": "Text",
      "variant": "display",
      "textContent": "Legal &amp; tax details"
    },
    {
      "id": "text-2",
      "component": "Text",
      "color": "subtle",
      "textContent": "Required for invoicing and tax compliance. We never share these outside billing."
    },
    {
      "id": "header-2",
      "component": "Header",
      "data-reg-heading": "",
      "children": [
        "text",
        "text-2"
      ]
    },
    {
      "id": "header",
      "component": "Header",
      "data-reg-heading": "",
      "children": [
        "header-2"
      ]
    },
    {
      "id": "legal-name",
      "component": "Input",
      "required": true,
      "autocomplete": "organization",
      "name": "legal_name",
      "placeholder": "Acme Holdings, LLC"
    },
    {
      "id": "field",
      "component": "Field",
      "hint": "The name on your articles of incorporation, not your dba.",
      "inline": true,
      "label": "Legal name",
      "children": [
        "legal-name"
      ]
    },
    {
      "id": "entity-type",
      "component": "ChoicePicker",
      "name": "entity_type",
      "value": "llc",
      "options": [
        {
          "value": "llc",
          "label": "Limited Liability Company (LLC)"
        },
        {
          "value": "corp",
          "label": "C Corporation"
        },
        {
          "value": "scorp",
          "label": "S Corporation"
        },
        {
          "value": "partnership",
          "label": "Partnership"
        },
        {
          "value": "sole",
          "label": "Sole Proprietorship"
        },
        {
          "value": "nonprofit",
          "label": "Non-profit"
        },
        {
          "value": "other",
          "label": "Other"
        }
      ]
    },
    {
      "id": "field-2",
      "component": "Field",
      "inline": true,
      "label": "Entity type",
      "children": [
        "entity-type"
      ]
    },
    {
      "id": "ein",
      "component": "Input",
      "required": true,
      "autocomplete": "off",
      "name": "ein",
      "pattern": "[0-9-]+",
      "placeholder": "12-3456789"
    },
    {
      "id": "field-3",
      "component": "Field",
      "hint": "Federal Employer ID Number, VAT, or local equivalent.",
      "inline": true,
      "label": "EIN / Tax ID",
      "children": [
        "ein"
      ]
    },
    {
      "id": "license",
      "component": "Input",
      "autocomplete": "off",
      "name": "license",
      "placeholder": "e.g. 1234567890"
    },
    {
      "id": "field-4",
      "component": "Field",
      "hint": "Industry-specific. NPI for healthcare, NMLS for finance, leave blank if not applicable.",
      "inline": true,
      "label": "License number",
      "children": [
        "license"
      ]
    },
    {
      "id": "incorp-country",
      "component": "ChoicePicker",
      "name": "incorp_country",
      "value": "us",
      "options": [
        {
          "value": "us",
          "label": "United States"
        },
        {
          "value": "ca",
          "label": "Canada"
        },
        {
          "value": "gb",
          "label": "United Kingdom"
        },
        {
          "value": "ie",
          "label": "Ireland"
        },
        {
          "value": "de",
          "label": "Germany"
        },
        {
          "value": "fr",
          "label": "France"
        },
        {
          "value": "nl",
          "label": "Netherlands"
        },
        {
          "value": "other",
          "label": "Somewhere else…"
        }
      ]
    },
    {
      "id": "field-5",
      "component": "Field",
      "inline": true,
      "label": "Country of incorporation",
      "children": [
        "incorp-country"
      ]
    },
    {
      "id": "incorp-region",
      "component": "ChoicePicker",
      "name": "incorp_region",
      "value": "de",
      "options": [
        {
          "value": "de",
          "label": "Delaware"
        },
        {
          "value": "ca",
          "label": "California"
        },
        {
          "value": "ny",
          "label": "New York"
        },
        {
          "value": "tx",
          "label": "Texas"
        },
        {
          "value": "wa",
          "label": "Washington"
        },
        {
          "value": "ma",
          "label": "Massachusetts"
        },
        {
          "value": "other",
          "label": "Other state…"
        }
      ]
    },
    {
      "id": "field-6",
      "component": "Field",
      "inline": true,
      "label": "State / Region",
      "children": [
        "incorp-region"
      ]
    },
    {
      "id": "defer",
      "component": "CheckBox",
      "label": "I'll do this later from admin → workspace → legal",
      "name": "defer"
    },
    {
      "id": "text-3",
      "component": "Text",
      "color": "subtle",
      "size": "sm",
      "textContent": "We'll surface a reminder card on your admin dashboard. Invoices and tax exports will use placeholder values until verified.",
      "data-reg-defer-hint": ""
    },
    {
      "id": "column",
      "component": "Column",
      "data-reg-defer-row": "",
      "children": [
        "defer",
        "text-3"
      ]
    },
    {
      "id": "section-2",
      "component": "Section",
      "data-reg-form": "",
      "children": [
        "field",
        "field-2",
        "field-3",
        "field-4",
        "field-5",
        "field-6",
        "column"
      ]
    },
    {
      "id": "section",
      "component": "Section",
      "data-reg-form": "",
      "children": [
        "section-2"
      ]
    },
    {
      "id": "column-2",
      "component": "Column"
    },
    {
      "id": "text-4",
      "component": "Text",
      "textContent": "Back",
      "variant": "body"
    },
    {
      "id": "link",
      "component": "Link",
      "href": "/site/examples/registration/confirmation",
      "text": "Back",
      "data-reg-back": "",
      "children": [
        "text-4"
      ]
    },
    {
      "id": "button",
      "component": "Button",
      "type": "submit",
      "text": "Continue",
      "variant": "primary"
    },
    {
      "id": "column-3",
      "component": "Column",
      "data-reg-actions": "",
      "children": [
        "link",
        "button"
      ]
    },
    {
      "id": "footer-2",
      "component": "Footer",
      "children": [
        "column-2",
        "column-3"
      ]
    },
    {
      "id": "footer",
      "component": "Footer",
      "children": [
        "footer-2"
      ]
    },
    {
      "id": "root",
      "component": "FormContainer",
      "data-reg-input": "",
      "children": [
        "header",
        "section",
        "footer"
      ]
    }
  ]
}