Input with button

<div class='flex'>
  <input class='input border-r--0 round-l' placeholder='Search'>
  <button class='btn px24 round-r'>Search</button>
</div>

Input with icon

<div class='relative'>
  <div class='absolute flex flex--center-cross flex--center-main w36 h36'>
    <svg class='icon'><use xlink:href='#icon-search'></use></svg>
  </div>
  <input class='input pl36' placeholder='Search'>
</div>

Input with spinner

<div class='relative'>
  <div class='absolute top right flex flex--center-cross flex--center-main w36 h36'>
    <span class='loading loading--s' />
  </div>
  <input class='input pr36' placeholder='Search'>
</div>