Form Components

Input Groups Extend 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.












Multiple Elements

You may add 2 or more possible input elements. Use grid classes to define the width of each elements.





Different Sizes

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




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

Selectize Make long, unwieldy select boxes more user friendly.

Basic Example

Disabled Items

Multiple Example

Option Group

Toggle Switch Material Desing look alike Toggle Switches based on Radio Box.

Basic Examples

Default and Disabled options


Optional Color schemes

You can use any color you want just add attribute switcher it must have a unique value, switchColor with color value amd switchActive with color value.


Datepicker ui.bootstrap.datepicker

Inline Examples

Displaying the Datepicker by default

Multiple Popup Examples

Displaying on focus

Other Examples

Dropup, Month and Year Pickers