Input Text Text Inputs with different sizes by height and column.

Basic Text Feilds with different sizes by height and column.

Floating Label - Floating animation for label when Input feild is active.

Input Small

Input Default

Input Large

Input Status - Focused and Disabled

Textarea Form control which supports multiple lines of text. Change 'rows' attribute as necessary.

Basic Example

Height Auto Growing

Disabled State

Select Use the default option, or add multiple to show multiple options at once.

Basic Example

Disabled Stat

Checkbox and Radio Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.

Basic Example

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

Option two is disabled

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

Option three is disabled

Inline Checkboxes and Radios - Use the '.checkbox-inline' or '.radio-inline' classes on a series of checkboxes or radios for controls that appear on the same line.

1 2 3

1 2 3

Form Elements

Input Text Text Inputs with different sizes by height and column.

Textarea Form control which supports multiple lines of text. Change 'rows' attribute as necessary.

Select Use the default option, or add multiple to show multiple options at once.

Checkbox and Radio Checkboxes are for selecting one or several options in a list, while radios are for selecting one option from many.