title: How to create Bootstrap 'input-group-text' in Angular Material
body: <p>I am in need to create Bootstrap input-group-text look a like using angular material. Here is how it should look
  <a href="https://i.stack.imgur.com/VXCAx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VXCAx.png" alt="enter image description here"></a></p>
  
  <p>currently default implementation of Angular material only allow to add suffix but doesn't let style them.</p>