UI Molecules
Input groups
1.1 Basic example
<div class="amui-g-grid row">
<div class="amui-g-grid__item col-xs-12 col-lg-6">
<div class="amui-m-input-group input-group">
<span class="amui-m-input-group__btn">
<button type="button" class="amui-a-btn is--primary btn">Go!</button>
</span>
<input type="text" class="amui-a-form-control form-control" placeholder="Search for...">
</div> <!-- input-group -->
</div>
<div class="amui-g-grid__item col-xs-12 col-lg-6">
<div class="amui-m-input-group input-group">
<input type="text" class="amui-a-form-control form-control" placeholder="Search for...">
<span class="amui-m-input-group__btn">
<button type="button" class="amui-a-btn is--primary btn">Go!</button>
</span>
</div> <!-- input-group -->
</div>
</div>
1.2 Addons
https://
<div class="amui-m-input-addon form-group">
<label class="amui-a-form-label" for="exampleUrl">Accés (URL)</label>
<div class="input-group">
<div class="amui-m-input-addon__icon input-group-addon">https://</div>
<input type="text" class="amui-a-form-control form-control" id="exampleUrl" placeholder="ex: https://amubox.univ-amu.fr">
</div>
</div>