IntraCDL UI

Form 

<div class="t-form">
    <label for="input-1">Name</label>
    <input type="text" id="input-1" aria-required="true">

    <label for="input-2">Email</label>
    <div class="c-describedby" id="description-2">Desparatus dedico compono crepusculum cui tendo alo. Corrigo cometes accommodo cruciamentum. Carbo viriliter abscido vilitas claustrum civitas minus.</div>
    <input type="email" id="input-2" aria-describedby="description-2" aria-required="true">

    <label for="input-3">Project Description</label>
    <div class="c-describedby" id="description-3">Quasi tergeo temptatio creber velit vae timidus cunabula venia. Defluo appono cetera tubineus. Crebro cornu varietas comedo desidero accedo defessus vomito ustulo.</div>
    <textarea id="input-3" aria-describedby="description-3" aria-required="true"></textarea>

    <label for="input-4">Scope of Work</label>
    <div class="c-describedby" id="description-4">Turbo creptio administratio dolor ventus molestiae ipsum defleo corporis.</div>
    <input type="text" id="input-4" aria-describedby="description-4" aria-required="true">

    <label for="input-5">Why Another Field To Complete?</label>
    <div class="c-describedby" id="description-5">Dolore agnosco urbanus arbitro decens. Adsum taceo thermae cribro usitas tui crux. Ipsam caste aurum absorbeo architecto voluptatibus vallum concido candidus.</div>
    <textarea id="input-5" aria-describedby="description-5"></textarea>

    <label for="input-6">Just One More Question If You Have The Time</label>
    <input type="text" id="input-6" aria-describedby="description-6">

    <input type="submit" value="Submit">
</div>
 
<div class="t-form">
  {{> @label element1 }}
  {{> @input element1 }}

  {{> @label element2 }}
  {{> @describedby element2 }}
  {{> @input element2 }}

  {{> @label element3 }}
  {{> @describedby element3 }}
  {{> @textarea element3 }}

  {{> @label element4 }}
  {{> @describedby element4 }}
  {{> @input element4 }}

  {{> @label element5 }}
  {{> @describedby element5 }}
  {{> @textarea element5 }}

  {{> @label element6 }}
  {{> @input element6 }}

  <input type="submit" value="Submit">
</div>
 
{
  "element1": {
    "label": {
      "for": "input-1",
      "text": "Name"
    },
    "input": {
      "type": "text",
      "id": "input-1",
      "required": true
    }
  },
  "element2": {
    "label": {
      "for": "input-2",
      "text": "Email"
    },
    "describedby": {
      "id": "description-2",
      "text": "Desparatus dedico compono crepusculum cui tendo alo. Corrigo cometes accommodo cruciamentum. Carbo viriliter abscido vilitas claustrum civitas minus."
    },
    "input": {
      "type": "email",
      "id": "input-2",
      "describedby": "description-2",
      "required": true
    }
  },
  "element3": {
    "label": {
      "for": "input-3",
      "text": "Project Description"
    },
    "describedby": {
      "id": "description-3",
      "text": "Quasi tergeo temptatio creber velit vae timidus cunabula venia. Defluo appono cetera tubineus. Crebro cornu varietas comedo desidero accedo defessus vomito ustulo."
    },
    "textarea": {
      "id": "input-3",
      "describedby": "description-3",
      "required": true
    }
  },
  "element4": {
    "label": {
      "for": "input-4",
      "text": "Scope of Work"
    },
    "describedby": {
      "id": "description-4",
      "text": "Turbo creptio administratio dolor ventus molestiae ipsum defleo corporis."
    },
    "input": {
      "type": "text",
      "id": "input-4",
      "describedby": "description-4",
      "required": true
    }
  },
  "element5": {
    "label": {
      "for": "input-5",
      "text": "Why Another Field To Complete?"
    },
    "describedby": {
      "id": "description-5",
      "text": "Dolore agnosco urbanus arbitro decens. Adsum taceo thermae cribro usitas tui crux. Ipsam caste aurum absorbeo architecto voluptatibus vallum concido candidus."
    },
    "textarea": {
      "id": "input-5",
      "describedby": "description-5",
      "required": false
    }
  },
  "element6": {
    "label": {
      "for": "input-6",
      "text": "Just One More Question If You Have The Time"
    },
    "describedby": {
      "id": "description-6",
      "text": "Suspendo ventito sequi totidem ducimus consequuntur similique damno. Versus pel derideo teneo aliquid cetera sollers. Tergeo suffoco amiculum admoveo barba cavus utroque verto conculco."
    },
    "input": {
      "type": "text",
      "id": "input-6",
      "describedby": "description-6",
      "required": false
    }
  }
}

No notes defined.