Input Groups

Easiest way to make your heading beautiful

Basic Example

Place one add-on or button on either side of an input.

@
@example.com
$ .00

Sizing

Place one add-on or button on either side of an input.

A
B
C

Button addons

Place one add-on or button on either side of an input.

Checkbox & Radio addons

Place any checkbox or radio option within an input group's addon instead of text.