title: How to show all control errors upon form submit?
body: <p>How can I show all control errors at once upon form submission?</p>
  
  <p>I've tried to use the clrForm with clr-control-error, but the errors are only showing when inputs are in touched state.</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;clr-control-error *clrIfError="'required'"&gt;An email address must be provided.&lt;/clr-control-error&gt;
  &lt;clr-control-error *clrIfError="'invalidEmailAddress'"&gt;The email address is invalid.&lt;/clr-control-error&gt;
  </code></pre>
  
  <p>Here's the Stackblitz url: <a href="https://stackblitz.com/edit/clarity-light-theme-v1-0-rdq5tq" rel="nofollow noreferrer">https://stackblitz.com/edit/clarity-light-theme-v1-0-rdq5tq</a></p>
  
  <p>In the stackblitz, there are two forms: one is clarity form and the other is just native angular form.
  The expected outcome is when you click on the submit button, it should display all error messages. It works on the native angular form because I can control when to display the errors but not on clarity form. Clarity form only displays errors on blur or when the form control's state is touched. Is there a way to force display the error helper message?</p>