@@include('../layouts/head-page-meta.html', {'title': 'Input Group'}) @@include('../layouts/head-css.html')
@@include('../layouts/layout-vertical.html')
@@include('../layouts/breadcrumb.html', {'breadcrumb-item': 'Forms', 'breadcrumb-item-active': 'Input Group'})

##### Basic example

Place one add-on or button on either side of an input. You may also place one on both sides of an input.
@
@example.com
Your vanity URL
https://example.com/users/
$ .00
With textarea
With textarea

Multiple Addons
$ 0.00
$ 0.00
Multiple Inputs
First and last name

##### Input Group Sizing

Add sizing class `.input-group-sm, .input-group-lg`
Small
Default
Large

##### Input Group Options

Input Group with more options like Button, Button with Dropdown, Colors, Checkbox & with Radio
With Button

Button with Dropdown
Color variants with Icons

Checkbox & Radio
@@include('../layouts/footer-block.html') @@include('../layouts/footer-js.html') @@include('../layouts/customizer.html')