Input group

Input group

Left button

 1
 2  <label for="sample-input">Sample label</label>
 3  <div class="c-input-group">
 4    <div class="c-input-group__left">
 5      <button class="c-btn c-btn--micro">Button</button>
 6    </div>
 7    <div class="c-input-group__input">
 8      <input id="sample-input" type="text" class="c-text-input" placeholder="John Doe">
 9    </div>
10  </div>
11

Right button

 1
 2  <label for="sample-input">Sample label</label>
 3  <div class="c-input-group">
 4    <div class="c-input-group__right">
 5      <button class="c-btn c-btn--micro">Button</button>
 6    </div>
 7    <div class="c-input-group__input">
 8      <input id="sample-input" type="text" class="c-text-input" placeholder="John Doe">
 9    </div>
10  </div>
11

Both sides

 1
 2  <label for="sample-input">Sample label</label>
 3  <div class="c-input-group">
 4    <div class="c-input-group__left">
 5      <button class="c-btn c-btn--micro">Button</button>
 6    </div>
 7    <div class="c-input-group__right">
 8      <button class="c-btn c-btn--micro">Button</button>
 9    </div>
10    <div class="c-input-group__input">
11      <input id="sample-input" type="text" class="c-text-input" placeholder="John Doe">
12    </div>
13  </div>
14