Lunds universitet - Style Guide

File: With Help 

<div class="form-group ">
    <label class="">
    File input label
    <input class="form-control-file" type="file" name="file" aria-describedby="formFileHelp" >
  </label>
    <small id="formFileHelp" class="form-text text-muted">Lorem ipsum help text.</small>

</div>
 
<div class="form-group {{modifiers modifiers}}">
  <label class="{{modifiers label-modifiers}}">
    {{label}}
    <input class="form-control-file" type="file" name="{{name}}"{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if id}}
           id="{{id}}"{{/if}} {{#if required}} required{{/if}}>
  </label>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "name": "file",
  "label": "File input label",
  "help": {
    "id": "formFileHelp",
    "text": "Lorem ipsum help text."
  }
}

There are no notes for this item.