Basic Forms

Email address

Password

File input

Example block-level help text here.

Check me out

Submit

Form in Modal Form in Modal 2 Form in Modal 3

×

Form Tittle

Email address

Password

File input

Example block-level help text here.

Check me out

Submit

×

Form Tittle

Email

Password

Remember me

Sign in

×

Form Tittle

Email address

Password

Remember me

Sign in

Horizontal Forms

Email

Example block-level help text here.

Password

Remember me

Sign in

Iconic field

Left Icon

Right Icon

Input with Loading

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 focus

Disabled

Placeholder

Password

Static control

email@example.com

Input with success

Input with warning

Input with error

Control sizing

Option 1 Option 2 Option 3 Option 1 Option 2 Option 3 Option 1 Option 2 Option 3

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

1 2 3

Selects

1 2 3 4 5 1 2 3 4 5

Column sizing

Input groups

Basic examples

@

.00

$ .00

Sizing

@

@

@

Checkboxe and radio

Button addons

Go!

Go!

Action

• Action
• Another action
• Something else here
• Separated link

Action

• Action
• Another action
• Something else here
• Separated link

Segmented buttons

Action

• Action
• Another action
• Something else here
• Separated link

Action

• Action
• Another action
• Something else here
• Separated link