Released: Jul 18, 2023

Updates in 23.1 (16.1.0)

Features

• IgxSelect
  • The select component now has the ability to handle igxPrefix and igxSuffix directives inside igx-select-item.
• IgxBadge
  • Material icons extended along with any other custom icon set can now be used inside the badge component.
• IgxCombo
  • Exposed comboIgnoreDiacriticsFilter filter function which normalizes diacritics to their base representation. When the combo components are configured with it, filtering for "resume" will match both "resume" and "résumé".
• IgxCombo and IgxSimpleCombo
  • Added new displayValue property which returns array of display keys.
• Themes
  • You can now include a standalone theme for the igxLabel directive to allow usage with components outside the Input Group.
  • Changing the size of Ignite UI components can now be done via a new custom CSS property - --ig-size. The DisplayDensityToken injection token and consequently, the displayDensity inputs for all components will be deprecated in the next major version and it is recommended that they no longer be used for sizing components.
• IgxStepper
  • Breaking Change - The IgxStepSubTitleDirective has been renamed to IgxStepSubtitleDirective. Automatic migrations are available and will be applied on ng update.
• IgxGrid, IgxTreeGrid and IgxHierarchicalGrid
  • The draggable attribute is no longer required to be set on interactable elements, if a column header is templated and 'Column Moving' is enabled in order for handlers for any event to be triggered. draggable='false' can now be used as an addition if the user shouldn't be able to drag a column by that element, but even if omitted click events for example will trigger now.
  • Behavioral Change - When there are already grouped columns, the group drop area now shows after dragging of a column starts and not when only click actions are performed.
• IgxCombo and IgxSimpleCombo
  • Added new displayValue property which returns an array of display keys.
  • Breaking Change - The selection property returns an array of the selected items even when a value key is provided and the value property returns an array of value keys instead of display keys. Automatic migrations are available and will be applied on ng update.
• IgxButtonGroup
  • Added owner to the IButtonGroupEventArgs to identify the emitting button group instance.
  • Breaking Change - Added the selectionMode property that sets the selection mode of the buttons in the IgxButtonGroup. Selection modes are single, singleRequired and multi as default is single.
• Deprecation - The DisplayDensityToken injection token has been deprecated. Consequently, the displayDensity input for all components injecting the DisplayDensityToken is also deprecated. Changing the size of the component(s) should be done via a new custom CSS property - --ig-size.