**Input**

```jsx
const Lib = require('../index');
   <div>
         <Lib.InputGroup>
           <Lib.InputGroupAddon addonType="prepend">@</Lib.InputGroupAddon>
           <Input placeholder="username" />
         </Lib.InputGroup>
         <br />
         <Lib.InputGroup>
           <Lib.InputGroupAddon addonType="prepend">
             <Lib.InputGroupText>
               <Input addon type="checkbox" aria-label="Checkbox for following text input" />
             </Lib.InputGroupText>
           </Lib.InputGroupAddon>
           <Input placeholder="Check it out" />
         </Lib.InputGroup>
         <br />
         <Lib.InputGroup>
           <Input placeholder="username" />
           <Lib.InputGroupAddon addonType="append">@example.com</Lib.InputGroupAddon>
         </Lib.InputGroup>
         <br />
         <Lib.InputGroup>
           <Lib.InputGroupAddon addonType="prepend">
             <Lib.InputGroupText>$</Lib.InputGroupText>
             <Lib.InputGroupText>$</Lib.InputGroupText>
           </Lib.InputGroupAddon>
           <Input placeholder="Dolla dolla billz yo!" />
           <Lib.InputGroupAddon addonType="append">
             <Lib.InputGroupText>$</Lib.InputGroupText>
             <Lib.InputGroupText>$</Lib.InputGroupText>
           </Lib.InputGroupAddon>
         </Lib.InputGroup>
         <br />
         <Lib.InputGroup>
           <Lib.InputGroupAddon addonType="prepend">$</Lib.InputGroupAddon>
           <Input placeholder="Amount" type="number" step="1" />
           <Lib.InputGroupAddon addonType="append">.00</Lib.InputGroupAddon>
         </Lib.InputGroup>
       </div>
```