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.
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,
Single
or Multiple
selection mode by selecting the mode from the selection mode dropdown list.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.