# 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