Input Group

Name	Type	Description
.InputGroup	class
.InputGroup-Text	class

Input Group

.com

Text area

   <div class="InputGroup"> <span class="InputGroup-Text">@</span> <input type="text" class="Input" /> </div>
<div class="InputGroup">
  <input type="text" class="Input" /> <span class="InputGroup-Text">@</span> <input type="text" class="Input" />
</div>
<div class="InputGroup"> <input type="text" class="Input" /> <span class="InputGroup-Text">.com</span> </div>
<div class="InputGroup"> <span class="InputGroup-Text">Text area</span> <textarea class="Input type-textarea"></textarea></div>

Multiple addons and inputs

First and last name

$ 0.00

.com

   <div class="InputGroup">
  <span class="InputGroup-Text">First and last name</span> <input type="text" class="Input" /> <input type="text" class="Input" />
</div>
<div class="InputGroup">
  <span class="InputGroup-Text">$</span> <span class="InputGroup-Text">0.00</span> <input type="text" class="Input" />
</div>
<div class="InputGroup"> <input type="text" class="Input" /> <span class="InputGroup-Text">.com</span> </div>

Components in addons

   <div class="InputGroup"> <button class="Button InputGroup-Text">First and last name</button> <input type="text" class="Input" /> </div>
<div class="InputGroup">
  <span class="InputGroup-Text"> <input type="radio" class="Radio" /> </span>
  <span class="InputGroup-Text"> <input type="checkbox" class="Switch" /> </span> <input type="text" class="Input" />
</div>