Metro Component Library Demo 2.0

Text Input 

<label class="usa-label" for="input-type-text">Text input label</label>
<input class="usa-input" id="input-type-text" name="input-type-text" type="text">

<label class="usa-label" for="input-focus">Text input focused</label>
<input class="usa-input usa-focus" id="input-focus" name="input-focus" type="text">

<div class="usa-form-group usa-form-group--error">
    <label class="usa-label usa-label--error" for="input-error">Text input error</label>
    <span class="usa-error-message" id="input-error-message">Helpful error message</span>
    <input class="usa-input usa-input--error" id="input-error" name="input-error" type="text" aria-describedby="input-error-message">
</div>

<label class="usa-label" for="input-success">Text input success</label>
<input class="usa-input usa-input--success" id="input-success" name="input-success" type="text">

<label class="usa-label" for="input-type-textarea">Text area label</label>
<textarea class="usa-textarea" id="input-type-textarea" name="input-type-textarea"></textarea>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()