Form Component

Inline form

Email address

Password

Remember me

Basic Forms

Email address

Password

File input

Example block-level help text here.

Check me out

Horizontal Forms

Example block-level help text here.

Password

Remember me

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

Form Tittle

Password

Remember me

Form Tittle

Email address

Password

Remember me

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

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

Column sizing

Input groups

Basic examples

.00

$ .00

Sizing

Checkboxe and radio

Button addons

Action
Another action
Something else here
Separated link

Action
Another action
Something else here
Separated link

Segmented buttons

Action
Another action
Something else here
Separated link

Action
Another action
Something else here
Separated link

Switch

Tags Input

Custom Checkbox & Radio

I agree to the terms & conditions. Please send me regular updates. This is nice checkbox.

This is option A... and this is option B... or simply choose option C

Masked inputs

ISBN 1

999-99-999-9999-9

ISBN 2

999 99 999 9999 9

ISBN 3

999/99/999/9999/9

IPV4

192.168.110.310

IPV6

4deg:1340:6547:2:540:h8je:ve73:98pd

Tax ID

99-9999999

Phone

(999) 999-9999

Currency

$ 999,999,999.99

Date

dd/mm/yyyy

Date 2

dd-mm-yyyy

CKEditor