Select2

The Select2 widget provides a styleable select element replacement. It acts as a proxy back to the original select element, controlling its state for form submission or serialization. It duplicates and extends the functionality of a native HTML select element to overcome the limitations of the native control.

We have used Select2 plugin as a reference which we have then customized based on our Propeller theme.

For more options and documentation, visit : Select2

Propeller Select2

To create an enhanced simple select, add .pmd-select2 to the select tag.

Simple Select

Propeller Simple select

Simple Select with Search

Simple select2 with search

Select2 with Multiple Tags

For selectbox with multiple tags add .pmd-select2-tags to the select tag.

Select Multiple Tags

Select Multiple Tags and Select & Add Multiple Tags

Select2 with Search and Custom Tags

To create custom multiple tags add .pmd-select2-tags to the select tag.

Select & Add Multiple Tags

Select Multiple Tags and Select & Add Multiple Tags

Configuration Options

The Propeller CSS classes apply various predefined visual enhancements to the form elements. The table lists the available classes and their effects.

Propeller Class	Effect	Remark
`.pmd-select2`	Add this class to create simple selectbox	Optional
`.pmd-select2-tags`	Add this class to create selectbox with tags	Optional
`.pmd-textfield`	Class added for general label and input formatting.	Required
`.pmd-textfield-floating-label`	Adds floating animation to the label of input	Optional