Lunds universitet - Style Guide

Text: With Help 

<div class="mb-3">
    <label for="text" class="form-label">Text Label</label>
    <input type="text" id="text" class="form-control" name="text" aria-describedby="formTextHelp">
    <div id="formTextHelp" class="form-text">Lorem ipsum help text.</div>

</div>
 
<div class="mb-3{{modifiers modifiers}}">
  <label for="{{name}}" class="form-label">{{label}}</label>
  <input type="{{type}}" id="{{name}}" class="form-control" name="{{name}}"{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if equired}} required{{/if}}{{#if disabled}} disabled{{/if}}>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "type": "text",
  "name": "text",
  "label": "Text Label",
  "help": {
    "id": "formTextHelp",
    "text": "Lorem ipsum help text."
  }
}

No notes defined.