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">Derelinquo adduco utique turpis spiculum corroboro celo sub acerbitas. Vos animadverto thalassinus. Totam quia ea cado.</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">Clarus vel infit. Veniam voco bellum thalassinus peior claustrum vigilo vicissitudo pariatur. Tres thorax aliqua angustus et triumphus somniculosus strenuus.</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">Bene conturbo pecco crur veritas ipsum voluptatum substantia casus.</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">Compello basium torqueo totus crudelis. Angulus absconditus similique quos tripudio. Delibero ulciscor talio tamquam dolorum.</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": "Derelinquo adduco utique turpis spiculum corroboro celo sub acerbitas. Vos animadverto thalassinus. Totam quia ea cado."
    },
    "input": {
      "type": "email",
      "id": "input-2",
      "describedby": "description-2",
      "required": true
    }
  },
  "element3": {
    "label": {
      "for": "input-3",
      "text": "Project Description"
    },
    "describedby": {
      "id": "description-3",
      "text": "Clarus vel infit. Veniam voco bellum thalassinus peior claustrum vigilo vicissitudo pariatur. Tres thorax aliqua angustus et triumphus somniculosus strenuus."
    },
    "textarea": {
      "id": "input-3",
      "describedby": "description-3",
      "required": true
    }
  },
  "element4": {
    "label": {
      "for": "input-4",
      "text": "Scope of Work"
    },
    "describedby": {
      "id": "description-4",
      "text": "Bene conturbo pecco crur veritas ipsum voluptatum substantia casus."
    },
    "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": "Compello basium torqueo totus crudelis. Angulus absconditus similique quos tripudio. Delibero ulciscor talio tamquam dolorum."
    },
    "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": "Adfero vivo uterque corrumpo deleniti. Molestias synagoga via utroque. Versus via audax benigne statua stella spiritus crinis laudantium cupiditate."
    },
    "input": {
      "type": "text",
      "id": "input-6",
      "describedby": "description-6",
      "required": false
    }
  }
}

No notes defined.