Form Layouts

Basic Forms

Horizontal Forms

Example block-level help text here.

Password

File input

Example block-level help text here.

Remember me

Inline form

Form in Modal Form in Modal 2 Form in Modal 3

Iconic field

Horizontal Iconic Forms

Left Icon

Right Icon

Input with Loading

Button addons

Form Elements

Default

Help text

A block of help text that breaks onto a new line and may extend beyond one line.

Rounder

Input Tooltip

Input Popover

Input focus

Disabled

Placeholder

Password

Static control

email@example.com

Control sizing

Input with success

Input with warning

Input with error

Checkboxes and radios

Option one is this and that—be sure to include why it's great

Option one is this and that—be sure to include why it's great option one

Option one is this and that—be sure to include why it's great

Option two can be something else and selecting it will deselect option one

Inline checkboxes

123

Selects

Column sizing

Input groups

Basic examples

.00

$.00

Sizing

Checkboxe and radio

Button addons

Segmented buttons

Textarea

Input Grid

John Doe

Account Information

Forms Layouts

John Doe

Account Information

You have 8 pending task

You have 5 Mails

Notifications

Forms Layouts