Layouts
Default
Compact Sidebar
Fixed Header
Boxed Wrapper
Skins

Plugins

Select2

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Switchery

Change color with data-color.

Change secondary color with data-secondary-color.

Add data-size="small", data-size="large"to your input element for different sizes.

Tags Input

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

Amsterdam Washington Sydney Beijing Cairo

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.

Amsterdam Washington Sydney Beijing Cairo
Multi Select

Use a <select multiple />as your input element.

Pre-selected options
  • elem 2
  • elem 3
  • elem 5
  • elem 6
  • elem 7
  • elem 8
  • elem 9
  • elem 10
  • elem 11
  • elem 12
  • elem 13
  • elem 14
  • elem 15
  • elem 16
  • elem 17
  • elem 18
  • elem 19
  • elem 20
  • elem 1
  • elem 4
Optgroup
    • Friends
    • Yoda
    • Enemies
    • Palpatine
    • Darth Vader
    • Friends
    • Obiwan
TouchSpin

Use a <select multiple />as your input element.

Postfix
%
Prefix
$
Vertical button alignment
Maxlength
Default usage
Textarea
Position