title: how to use input-group-btn in materialize css framework
body: <p>I want to put + and - buttons inside input box but bootstraps input-group-btn property is not working in materialize CSS framework</p>
  
  <p><a href="https://i.stack.imgur.com/tsDXn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tsDXn.png" alt="Screenshot"></a></p>
  
  <pre><code>&lt;div class="row marg"&gt;
      &lt;h6 class="small"&gt;Selling Quantity&lt;/h6&gt;
      &lt;div class="input-field input-group col s12"&gt;
          &lt;span class="suffix btn-number" data-type="minus" data-field="num"&gt;
              &lt;a class="waves-effect waves-light "&gt;
                  &lt;i class="material-icons grey-text text-darken-1 left"&gt;remove&lt;/i&gt;
              &lt;/a&gt;
          &lt;/span&gt;
  
          &lt;input type="text" name="num" class="form-control input-number"  value=""&gt;
  
          &lt;span class="suffix btn-number"  data-type="plus" data-field="num"&gt;
              &lt;a class=" waves-effect waves-light "&gt;&lt;i class="material-icons grey-text text-darken-1 left"&gt;add&lt;/i&gt;&lt;/a&gt;
          &lt;/span&gt;
      &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>