TextField

<div class="field-stack">
  <div class="field">
    <label class="field__label" for="tf1">Workspace name</label>
    <input id="tf1" class="field__input" type="text" placeholder="e.g. acme-marketing" autocomplete="off" />
    <p class="field__hint">Used in URLs and invoices.</p>
  </div>
  <div class="field field--error">
    <label class="field__label" for="tf2">Email</label>
    <input id="tf2" class="field__input" type="email" value="not-an-email" aria-invalid="true" aria-describedby="tf2-err" />
    <p id="tf2-err" class="field__error" role="alert">Enter a valid email address.</p>
  </div>
</div>