Lunds universitet - Style Guide

File: With Help 

<div class="mb-3 ">
    <label for="file" class="form-label">File input label</label>
    <input class="d-block" type="file" id="file" aria-describedby="formFileHelp">
    <div id="formFileHelp" class="form-text">Lorem ipsum help text.</div>

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

No notes defined.