Email Input v0.20.0+

The Email Input component provides supplmental markup to define and style an email address input control.

Basic Email Input

Please enter a valid email

<hx-email-control>
  <input
    id="emailInputDemo"
    type="email"
  />
  <label
    for="emailInputDemo">
    Email
  </label>
  <p class="hxHelpText" hidden>
    abc@abc.com
  </p>
  <p class="hxErrorText" hidden>
    <hx-error>
      Please enter a valid email
    </hx-error>
  </p>
</hx-email-control>

See Also