Basic Input

Input TextText 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 Status - Focused and Disabled

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

Basic Example

Height Auto Growing

Disabled State

Input GroupsExtend form controls by adding text or buttons before, after, or on both sides of any text-based inputs.

Basic Example

Place one add-on or button on either side of an input. You may also place one on both sides of an input.












Floating Labels

Basic example for input groups with floating labels



Different Sizes

You may use the extra sizing classes to change size of the feilds.




Input MaskAn inputmask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers etc...