Tags Input

Input Tags

Just add data-role="tagsinput" to your input field to automatically change it to a tags input field.

True multi value

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option /> elements will automatically be set as tags. This makes it also possible to create tags containing a comma.

Switchery

Basic

Add an attribute data-plugin="switchery" data-color="@colors" to your input element and it will be converted into switch.

Sizes & Secondary color

Add an attribute data-size="small",data-size="large", data-color="@color" data-secondary-color="@color" to your input element and it will be converted into switch.

Multiple Select

Default

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.

Grouped Options

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.

Searchable

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.

Select2

Single Select
Multiple Select
Limiting the number of selections

Input Masks

e.g "DD/MM/YYYY"
e.g "HH:MM:SS"
e.g "DD/MM/YYYY HH:MM:SS"
e.g "xxxxx-xxx"
e.g "x-xx-xx-xx"
e.g "Your money"
e.g "#.##0,00"
e.g "xxxx-xxxx"
e.g "(xx) xxxx-xxxx"
e.g "(xxx) xxx-xxxx"
e.g "(xx) xxxxx-xxxx"
e.g "xxx.xxx.xxxx-xx"
e.g "xx.xxx.xxx/xxxx-xx"
e.g "xxx.xxx.xxx.xxx"

Bootstrap TouchSpin

Timepicker

Colorpicker

Date Picker

Date Range Picker

Bootstrap MaxLength

Default usage
Few options
All the options
position
textareas

Theme Customizer

Download Now
 Choose Demos