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
https://example.com/users/
$
.00
With textarea
Sizing

Add the relative form sizing classes to the .input-groupitself and contents within will automatically resize.

Small
Default
Large
Multiple inputs

Add two or more inputs in an input group.

First and last name
Multiple addons
$0.00
$0.00
Button addons
Buttons with dropdowns
Segmented buttons
Custom select

Input groups include support for custom selects and custom file inputs.

Custom file upload

A custom file browser with change and remove function.

Upload
Select fileChangeRemove