Lunds universitet - Style Guide

Search: Filter 

<div class="mb-3">
    <label for="text" class=" w-100">Skriv för att filtrera</label>
    <div class="input-group mb-2 rounded-0">
        <input type="text" id="text" class="form-control" name="text" value="">
        <button class="btn btn-outline-primary rounded-0" type="submit">Filtrera</button>
    </div>
</div>
 
<div class="mb-3{{modifiers modifiers}}">
  {{#if label}}
    <label for="{{name}}" class="{{modifiers label-modifiers}}">{{label}}</label>
  {{/if}}
  <div class="input-group mb-2{{modifiers group-modifiers}}">
    <input type="{{type}}" id="{{name}}" class="form-control" name="{{name}}" value="{{value}}"{{#if placeholder}} placeholder="{{placeholder}}"{{/if}}{{#if help}} aria-describedby="{{help.id}}"{{/if}}{{#if required}} required{{/if}}{{#if disabled}} disabled{{/if}}>
    <button class="btn{{modifiers submit-modifiers}}" type="submit">{{submit-label}}</button>
  </div>
  {{#if help}}
    {{render "@form-help" help}}
  {{/if}}
</div>
 
{
  "type": "text",
  "name": "text",
  "label": "Skriv för att filtrera",
  "submit-label": "Filtrera",
  "label-modifiers": [
    "w-100"
  ],
  "group-modifiers": [
    "rounded-0"
  ],
  "submit-modifiers": [
    "btn-outline-primary",
    "rounded-0"
  ]
}

No notes defined.