Form Elements

Basic inputs

Input Size

Set the heights of input elements using classes like .input-lg and .input-sm.

Input Groups

Checkbox & Radio

Checkboxes are used if you want the user to select any number of options from a list of preset options.

Toggle Control

A highly flexible checkbox that coverted into a toggle button

Selectize Dropdown

Selectize is the hybrid of a textbox and select box, and it's useful for tagging, contact lists, country selectors, and so on.

Tagging

Add and remove items in any order without touching your mouse. Use your left/right arrow keys to move the caret (ibeam) between items.

Option Groups

Add and remove items in any order without touching your mouse. Use your left/right arrow keys to move the caret (ibeam) between items.

Date Time Picker

Date picker widget provide you a flexible date time inputs.

Date Range Picker

A component with pop up two calendars for selecting dates and times.

Inline Date Picker

Summernote