NCC Digital Design Guide

Valid Input 

<p>
    <label class="valid">Valid</label>
    <input class="is-valid" type="text" placeholder="Text Input" value="Valid content">
</p>
 
<p>
	<label  class="valid">Valid</label>
	<input  class="is-valid" type="text" placeholder="Text Input" value="Valid content">
</p>
 
/* No context defined for this component. */
  • Handle: @valid-input
  • Preview:
  • Filesystem Path: src/patterns/patterns/form-components/valid-input/valid-input.hbs

Valid Input

Updated :focus to use $brand-secondary, which is currently Blue. Needs checking.

Added the already existing class is-valid (green outline). This will probably need to be added via JS on-the-fly.