Input group
Input group with ability to handle multiple items on the left and right.
- Default
- Inverse
<div class="lui-input-group">
<button class="lui-input-group__item lui-input-group__button lui-button">
<span class="lui-button__icon lui-icon lui-icon--expression"></span>
</button>
<input class="lui-input-group__item lui-input-group__input lui-input"/>
<button class="lui-input-group__item lui-input-group__button lui-button">
<span class="lui-button__icon lui-icon lui-icon--expression"></span>
</button>
</div>
<div class="lui-input-group lui-input-group--inverse">
<button class="lui-input-group__item lui-input-group__button lui-button lui-button--inverse">
<span class="lui-button__icon lui-icon lui-icon--expression"></span>
</button>
<input class="lui-input-group__item lui-input-group__input lui-input lui-input--inverse"/>
<button class="lui-input-group__item lui-input-group__button lui-button lui-button--inverse">
<span class="lui-button__icon lui-icon lui-icon--expression"></span>
</button>
</div>