Form Controls form controls and more

Default Form
A block of help text.

email@example.com

some help text here.

Default Form Height Sizing
Form Input Width Sizing




Horizontal Form
A block of help text.

email@example.com

some help text here.

Horizontal Form Height Sizing
Fluid Input Groups

Checkboxe Addons

Button Addons

Button Addons On Both Sides

Buttons With Dropdowns

Buttons With Dropdowns On Both Sides

Segmented Buttons

Fixed Input Groups

Checkboxe Addons

Button Addons

Button Addons On Both Sides

Buttons With Dropdowns

Buttons With Dropdowns On Both Sides

Segmented Buttons

Validation States
Validation States With Icons
Horizontal Form Validation States
More Form Samples

Inline Form


Inline Form With Icons


Horizontal Form


Horizontal Form With Icons

with right aligned icon

Column Sizing