Plugin Examples

Plugins are bundled in tom-select.complete.js but can also be loaded individually. To load individually, include tom-select.base.js and any combination of plugins of your choosing. The plugin documentation has more information about custom bundles and plugin development.

Control Input

Plugins that modify the behavior and/or display of the control input.

Positions the control input in the select dropdown.
More info...

Edit
- JSFiddle
- CodePen

Input Autogrow

Increase the width of the input as users type.
More info...

Edit
- JSFiddle
- CodePen

Caret Position

Order matters sometimes. Use the ← and → arrow keys to move the caret between items.
More info...

Edit
- JSFiddle
- CodePen

Items

Plugins that modify the behavior and/or display of items (selected options).

Remove Button

Adds one-click removal of each item.
More info...

Edit
- JSFiddle
- CodePen

No Backspace Delete

Prevents the user from removing items with backspace and delete keys unless items are active. Use with no_active_items to disable deleting with keyboard events entirely.
More info...