Bifoga fil

<jv-bifoga-fil label="Bifoga en fil" inputid="bf3">
  <input class="upload-area__input" type="file" name="files" id="bf3">
</jv-bifoga-fil>

<jv-bifoga-fil label="Bifoga flera filer">
  <input class="upload-area__input" type="file" name="files" id="bf4" multiple="">
</jv-bifoga-fil>

<jv-bifoga-fil label="Bifoga en fil" help-text-ref="helptext">
  <span class="label__description" slot="helptext">Lite hjälptext.</span>
  <input class="upload-area__input" type="file" name="files" id="bf2" required="">
</jv-bifoga-fil>

<jv-bifoga-fil label="Bifoga en fil" help-text-ref="helptext">
  <jv-help-text slot="helptext">Lite text med beskrivning för hur du ska besvara denna fråga och för att testa hur en lång beskrivning
    ser ut tillsammans med ett felmeddelande ifall man fyllt i fel eller inte alls.
  </jv-help-text>
  <input class="upload-area__input" type="file" name="files" id="bf1" required="">
</jv-bifoga-fil>

<jv-bifoga-fil label="Bifoga en fil" error-text="Det krävs en bifogad fil." valid="false">
  <input class="upload-area__input" type="file" name="files" id="bf5" required="">
</jv-bifoga-fil>

<jv-bifoga-fil label="Bifoga en fil" error-text-ref="errortext" valid="false">
  <span slot="errortext">Det krävs en bifogad fil.</span>
  <input class="upload-area__input" type="file" name="files" id="bf5_errorslot" required="">
</jv-bifoga-fil>

<jv-bifoga-fil label="Välj en fil" help-text-ref="helptext" disabled="true">
  <jv-help-text slot="helptext"><span>Lite text med beskrivning för hur du ska besvara denna fråga och för att testa hur en lång
      beskrivning ser ut tillsammans med ett felmeddelande ifall man fyllt i fel eller inte alls.
    </span>
  </jv-help-text>
  <input class="upload-area__input" type="file" name="files" id="bg6" disabled="">
</jv-bifoga-fil>