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.
Items
Plugins that modify the behavior and/or display of items (selected options).
Remove Button
Adds one-click removal of each item.
More info...
More info...
No Backspace Delete
Prevents the user from removing items with backspace and delete keys unless items are active.
Use with
More info...
no_active_items to disable deleting with keyboard events entirely.
More info...
Drag Drop
Allows users to sort items with drag-n-drop.
More info...
More info...
Restore on Backspace
Fills the control input with the value of deleted items upon deletion.
More info...
More info...
Clear Button
Adds a small button to the right side of the control that, when clicked, removes all of the items (selected options).
More info...
More info...
No Active Items
Disables selecting items.
More info...
More info...
Control Input
Plugins that modify the behavior and/or display of the control input.
Dropdown Input
Positions the control input in the select dropdown.
More info...
More info...
Input Autogrow
Resizes the control input as the user types.
More info...
More info...
Dropdown
Plugins that modify the behavior and/or display of the dropdown content.
Checkbox Options
Displays checkboxes next to each option in the dropdown.
More info...
More info...
Optgroup Columns
Divides option groups into columns and allows users to navigate columns with left and right keys.
More info...
More info...
Dropdown Header
Adds a customizable header to the select dropdown.
More info...
More info...
Virtual Scroll
Loads remote data as users scroll through dropdown
More info...
More info...
Other
Change Listener
Updates the value of the Tom Select instance when the value of the underlying <input> element changes.
More info...
More info...