Lunds universitet - Style Guide

Textarea: With Help 

<div class="mb-3 ">
    <label for="textarea" class="form-label">Textarea Label</label>
    <textarea class="form-control" id="textarea" name="textarea" rows="3" aria-describedby="formTextareaHelp"></textarea>
    <div id="formTextareaHelp" class="form-text">Lorem ipsum help text.</div>

</div>
 
<div class="mb-3 {{modifiers modifiers}}">
  <label for="{{name}}" class="form-label{{modifiers label-modifiers}}">{{label}}</label>
  <textarea class="form-control" id="{{name}}" name="{{name}}" rows="{{rows}}"{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if required}} required{{/if}}{{#if disabled}} disabled{{/if}}></textarea>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "name": "textarea",
  "label": "Textarea Label",
  "rows": 3,
  "help": {
    "id": "formTextareaHelp",
    "text": "Lorem ipsum help text."
  }
}

No notes defined.