Forms

THIS MONTH

$58,356

LAST MONTH

$48,356

Basic Material inputs

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

Just add form-material class to the form that's it.
Select file Change Remove
A block of help text that breaks onto a new line and may extend beyond one line.

Different Widths

Just add col* class to form-group
Select file Change Remove

Basic Examples

With Material Design Colors

With Material Design Colors - Filled In

Basic Radio button Examples

With Material Design Colors
You can use material design colors which examples are .radio-col-pink, .radio-col-cyan class

With Material Design Colors - With Gap
Add to .with-gap class

Switch Button

With Different Colors

RED
PINK
PURPLE
DEEP PURPLE
INDIGO
BLUE
LIGHT BLUE
CYAN
TEAL
GREEN
LIGHT GREEN
LIME
YELLOW
AMBER
ORANGE
DEEP ORANGE
BROWN
GREY
BLUE GREY
BLACK

Default Horizontal Forms

All bootstrap element classies
Select file Change Remove
A block of help text that breaks onto a new line and may extend beyond one line.

Default Basic Forms

All bootstrap element classies

Input groups

All bootstrap element classies
@

@example.com

https://example.com/users/

$ .00

$ 0.00
$
$ 0.00

Input States

Validation styles for error, warning, and success states on form controls.

Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.
Example help text that remains unchanged.

Sample Basic Forms

Bootstrap Elements

© 2017 HomeBridge - Design Tool Kit