Input Groups

You may find how to use examples by clicking the documentation page here. In addition, you may use any form examples from the official Bootstrap Froms page.

Basic Example

With prepend

With append

@example.com

With prepend url

https://example.com/users/

With prepend and append

.00

Textarea with prepend

With textarea

Addons

Button addons

Select and button addons

Input with checkbox

Input with radio

Multiple addons

First and last name

$ 0.00

Select with addons

Options

Dropdown addons

Segmented buttons

Merge Styles

Please note meantime Merge Styles is not supported with the combination of other input groups. For information about how to use examples please check out the documentation page here.

With image

With icon

With inner button

Find Now

Sizing

Small input

Small

Default input

Default

Large input

Large

Small select

Small

Default select

Default

Large select

Large