Blog Developers

Ignite UI for Web Components 23.1 Release: What's New

Radoslav Mirchev / Wednesday, June 28, 2023

Today's release of Ignite UI for Web Components 23.1 is packed with exciting updates, introducing three impressive new components: the Pivot Data Grid, Combo Component (including Single Select Combo feature), and Stepper component. But that's not all – we've gone above and beyond to offer unrivaled features and unparalleled performance among the best Web Components Grids currently available on the market.

In addition, there is also enhanced and more comprehensive documentation and new samples to inspire your next project. Join us as we dive into all the exceptional components and features unveiled in Ignite UI for Web Components 23.1 Release.

All That's New In Ignite UI for Web Components 23.1

 Pivot Grid

Ignite UI for Web Components Pivot Grids are used for summing up and representing voluminous multidimensional data in a cross-tabular format. The data summary can be easily and quickly sorted, grouped, or filtered. Such data can include sums, averages, and other statistics. End-users are enabled to modify the pivot table layout through drag-and-drop operations according to their needs.

You can try out the Ignite UI for Web Components Pivot grid in the App Builder.

Example of Web Components Pivot Grid

 Stepper Component

The new Stepper Component in Ignite UI for Web Components is a highly customizable component that visualizes content as a process and shows its progress by dividing the content into successive steps. It appears as a vertical or horizontal line. The `IgcStepperComponent` delivers a wizard-like workflow and multiple features like step validation, styling, orientation, and keyboard navigation. It provides API methods to control the active step and has several properties that can be used to customize its behavior, such as linear, orientation, stepType and  titlePosition.

You can try out the Ignite UI for Web Components Stepper in the App Builder.

Example of Web Components Stepper

 Combo Component

Web Components ComboBox component represents a drop-down list that provides editable functionalities, allowing users to choose multiple options from a predefined list. The Ignite UI for Angular ComboBox Component also provides filtering capabilities, grouping, and adding custom values to a dropdown list. It can be used as an alternative to the HTML select tag and has several out-of-the-box features such as data binding (local and remote), filtering, grouping, custom templates for items, header and footer, custom values, and more.

You can try out the Ignite UI for Web Components ComboBox in the App Builder.

Example of Web Components ComboBox Component

 Combo Single Selection Mode

The Web Components `ComboBox` supports single-selection mode and quick filtering of the list of items via the main input prompt. Users can quickly type in the item they are looking for and be presented with a list of options. Upon pressing the enter key, the first highlighted match will be selected.

 Data Grid Documentation and Samples

We’re excited to announce that we’ve updated and improved the documentation and examples for the ‘igc-grid’! Our team has been working hard to make it even easier for developers to use this powerful tool. The new documentation provides more detailed explanations and guidance, while the updated examples show you exactly how to implement the ‘igc-grid’ in your projects. These improvements will save you time and help you get the most out of the ‘igc-grid’. Check out the updated documentation and examples.

Wrap-Up

We continue to ship new features on a continuous schedule, to improve performance and provide stability improvements. And because we are committed to providing you with the best Web Components UI toolkit, we make sure to bring different useful resources, getting-started guides, and other insights that empower you with the ultimate know-how.

We have details for each piece of this release and you can check them out here:

If you need more details, we encourage you to check out our:

Ignite UI for Web Components benefits