• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse

Chart

This sample demonstrates the API functionalities of the ListBox component by using its properties from the property pane. Select any combination of properties from the property pane to achieve desired functionalities in ListBox.

DEMO
SOURCE
Sort order
Selection Mode

In this demo, a ListBox is rendered with grouping feature by setting the GroupBy property in Fields property. This sample has been showcased with following set of properties,

  • You can switch to Single or Multiple selection mode by selecting the mode from the selection mode dropdown list.
  • You can switch to None, Ascending, or Descending sort orders by selecting the sort order from the sort order dropdown list.

In this sample, by default, grouping is enabled and vegetableData is grouped based on its category. The user can change the sort order and selection type using dropdownlist.

More information about the ListBox api can be found in the documentation section.