<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