<div class="usa-form-group usa-form-group--error">
    <label class="usa-label usa-label--error" for="file-input-error">Input has an error</label>
    <span class="usa-hint" id="file-input-error-hint">Select any valid file</span>
    <span class="usa-error-message" id="file-input-error-alert">
        Display a helpful error message
    </span>
    <input id="file-input-error" class="usa-file-input" type="file" name="file-input-error" aria-describedby="file-input-error-hint file-input-error-alert" />
</div>

No notes defined.

package:
  name: metro-digital-design-system-demo
  version: 0.1.0
uswds:
  path: ../../../dist
placeholderLink: javascript:void()
id: error
label: Input has an error
hint: Select any valid file
error: true
errorMessage: Display a helpful error message