• Material
  • Fabric
  • Bootstrap
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

This sample demonstrates the default functionalities of the MultiSelect. Type a character in the MultiSelect element or click on this element to choose one or more items from the suggestion list.

DEMO
SOURCE

Default Mode

Box Mode

Delimiter Mode

The MultiSelect component contains a list of predefined values, from that the user can choose a multiple values.

In this sample, the selected items are shown with three different UI modes in three different MultiSelect elements. That three UI modes are listed here below,

  • Default - on focus-in, the component will act in box mode and on blur, the component will act in delimiter mode.
  • Box - selected items will be visualized in chip.
  • Delimiter - selected items will be visualized in text content.

More information on the MultiSelect instantiation can be found in the documentation section.