Example of Default Functionalities in React MultiSelect Dropdown Component

/
/
Default

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.

More Details...

Default Mode

Box Mode

Delimiter Mode

Description

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.