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">Crepusculum avaritia antepono arca supplanto virgo. Tametsi studio vorago aveho vilitas. Ventosus cupiditas fugit tener pecus catena cruciamentum.</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">Iure perspiciatis distinctio suscipio voveo verecundia atque appello aestivus turba. Sophismata advenio demum verbera cena absconditus. Crapula quisquam suppono vel cibo esse alias bene.</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">Eius alveus quos carmen calculus omnis impedit caelum tumultus.</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">Thesaurus termes supra cura capio. Ventus cetera vestigium thesaurus cursus altus socius speciosus defaeco. Vobis stipes pecus.</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": "Crepusculum avaritia antepono arca supplanto virgo. Tametsi studio vorago aveho vilitas. Ventosus cupiditas fugit tener pecus catena cruciamentum."
    },
    "input": {
      "type": "email",
      "id": "input-2",
      "describedby": "description-2",
      "required": true
    }
  },
  "element3": {
    "label": {
      "for": "input-3",
      "text": "Project Description"
    },
    "describedby": {
      "id": "description-3",
      "text": "Iure perspiciatis distinctio suscipio voveo verecundia atque appello aestivus turba. Sophismata advenio demum verbera cena absconditus. Crapula quisquam suppono vel cibo esse alias bene."
    },
    "textarea": {
      "id": "input-3",
      "describedby": "description-3",
      "required": true
    }
  },
  "element4": {
    "label": {
      "for": "input-4",
      "text": "Scope of Work"
    },
    "describedby": {
      "id": "description-4",
      "text": "Eius alveus quos carmen calculus omnis impedit caelum tumultus."
    },
    "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": "Thesaurus termes supra cura capio. Ventus cetera vestigium thesaurus cursus altus socius speciosus defaeco. Vobis stipes pecus."
    },
    "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": "Amo strenuus carpo pauper tumultus. Defaeco cetera defessus aestus. Aetas volutabrum alo aspicio trepide sollicito cito non conturbo pariatur."
    },
    "input": {
      "type": "text",
      "id": "input-6",
      "describedby": "description-6",
      "required": false
    }
  }
}

No notes defined.