Input Groups

Join text, buttons together with inputs or event several inputs as a single block.

Examples

Basic

With Buttons

Multiple Inputs

Icon Inputs

Variables

Below are the default variables, adjust any of these before you import the component.

$input-group-addon-padding-x:   $input-padding-x !default;
$input-group-margin-bottom:     $input-margin-bottom !default;