NJ Web Design System (v1.0.0)

File input: Disabled 

<div class="usa-form-group">
    <label class="usa-label" for="file-input-disabled">Input in a disabled state</label>
    <input id="file-input-disabled" class="usa-file-input" type="file" name="file-input-disabled" disabled />
</div>

No notes defined.

{% set name = "file-input" %}

<div class="usa-form-group{% if error %} usa-form-group--error{% endif %}">
  <label class="usa-label{% if error %} usa-label--error{% endif %}" for="{{ name }}-{{ id }}">{{ label }}</label>
  {%- if hint %}
  <span class="usa-hint" id="{{ name }}-{{ id }}-hint">{{ hint }}</span>
  {%- endif -%}
  {%- if error %}
  <span class="usa-error-message" id="{{ name }}-{{ id }}-alert" role="alert">{{ errorMessage }}</span>
  {%- endif %}
  <input id="{{ name }}-{{ id }}"
    class="usa-file-input"
    type="file"
    name="{{ name }}-{{ id }}"
    {% if hint -%}aria-describedby="{{ name }}-{{ id }}-hint"{%- endif -%}
    {% if accept -%}accept="{{ accept }}"{%- endif -%}
    {% if multiple -%} multiple{%- endif -%}
    {% if disabled -%} disabled{%- endif -%} />
</div>
 
package:
  name: null
  version: 1.0.0
uswds:
  path: ../../dist
id: disabled
label: Input in a disabled state
disabled: true