Example of API in React List Box Component


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.

More Details...


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.