Add and remove items in any order without touching your mouse. Use your left/right arrow keys to move the caret (ibeam) between items. This example is instantiated from a <input type="text"> element (note that the value is represented as a string).

This demonstrates two main things: (1) custom item and option rendering, and (2) item creation on-the-fly. Try typing a valid and invalid email address.

The most vanilla of examples.

Selectize supports <optgroup> rendering (as of v0.5.0).

This example only allows 3 items. Select one more item and the control will be disabled until one or more are deleted.