Lunds universitet - Style Guide

Password: With Help 

<div class="form-group">
    <label class=" w-100">
    Password
    <input type="password" class="form-control" name="password" aria-describedby="formPasswordHelp">
  </label>
    <small id="formPasswordHelp" class="form-text text-muted">Lorem ipsum help text.</small>

</div>
 
<div class="form-group{{modifiers modifiers}}">
  <label class="{{modifiers label-modifiers}}">
    {{label}}
    <input type="password" class="form-control" name="{{name}}"{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if required}} required{{/if}}>
  </label>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "name": "password",
  "label": "Password",
  "label-modifiers": [
    "w-100"
  ],
  "help": {
    "id": "formPasswordHelp",
    "text": "Lorem ipsum help text."
  }
}

There are no notes for this item.