![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/2388.pastedimage1723201087774v2.gif\" "\\"Example")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Button group component<\/h3>\n\n\n\n
The Web Components Button Group component<\/a> is used to organize The The Ignite UI for React State Persistence<\/a> in Web Components Data Grid<\/a>, Web Components Tree Grid<\/a> and Web Components Hierarchical Grid<\/a> allows developers to easily save and restore the grid state. When the The Ignite UI for Web Components Hierarchical Data Grid<\/a> displays and manipulates hierarchical tabular data. Quickly bind your data with very little code or use a variety of events to customize different behaviors. This component provides rich features like data selection, excel style filtering, sorting, paging, templating, column moving, column pinning, export to Excel and CSV, and more. The Hierarchical Grid builds upon the Flat Grid Component. It extends its functionality by allowing the users to expand or collapse the rows of the parent grid, revealing corresponding child grids when more detailed information is needed.<\/p>\n\n\n\n Web Components Banner Component provides a way to easily display a prominent message to your application’s users in a way that is less transient than a Snackbar and less obtrusive than a dialog. The Banner can also be configured to display custom action buttons and an icon.<\/p>\n\n\n\n The divider component enables users to separate content both horizontally and vertically.<\/p>\n\n\n\n Web Components DatePicker is a feature-rich component for entering a date through manual text input or choosing date values from a calendar dialog that pops up. Lightweight and simple to use, the DatePicker in Web Components lets users navigate to a desired date with several view options: month, year, and decade. There are the usual min, max, and required properties to add validation.<\/p>\n\n\n\n Seamlessly crafted for compatibility, Ignite UI for Angular is the library that enables you to leverage the power of the latest technologies and major releases. Committed to providing you with the best Angular UI toolkit and related insights, our goal is to equip you with more know-how, new features, enhanced performance, and improved stability. Some of the enhancements were added thanks to the requests from users like yourself through our Ignite UI for Web Components GitHub<\/a> repository. With this in mind, we are always open to suggestions and feedback \u2013 it makes us grow and better respond to your development needs.<\/p>\n\n\n\n If you need more details, we encourage you to check out our:<\/p>\n\n\n\n Follow\u00a0Ignite UI on Medium\u202f<\/a>to stay up to date and learn about the latest Angular-related projects we are working on. Give us a star on\u202fGitHub\u202fand help us continue improving our product by addressing any concerns, questions, or feature requests in the\u202fissues\u202fsection.<\/p>\n\n\n\n <\/p>\n","protected":false},"excerpt":{"rendered":" See what's new in the latest Ignite UI for Web Components 24.1 release! New features and other exciting improvements – all part of this continuous release.<\/p>\n","protected":false},"author":20,"featured_media":2540,"comment_status":"publish","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[],"class_list":["post-2458","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-components"],"_links":{"self":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/2458","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/comments?post=2458"}],"version-history":[{"count":3,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/2458\/revisions"}],"predecessor-version":[{"id":2555,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/2458\/revisions\/2555"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media\/2540"}],"wp:attachment":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media?parent=2458"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/categories?post=2458"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/tags?post=2458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}IgcToggleButtonComponent<\/code><\/a>s into styled button groups with horizontal\/vertical alignment, single\/multiple selection and toggling.<\/p>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/7178.pastedimage1723201027255v1.gif\" "\\"Example")
<\/figure>\n\n\n\nToggle button component<\/h3>\n\n\n\n
IgcToggleButtonComponent<\/code><\/a> is used in combination with the IgcButtonComponent<\/code><\/a> component to achieve toolbar like UX.<\/p>\n\n\n\nNavigation drawer now supports CSS transitions<\/h3>\n\n\n\n
Position attribute for toast and snackbar components<\/h3>\n\n\n\n
Version 4.6<\/h2>\n\n\n\n
Changelog 4.6<\/a>
Grid State Persistence<\/h3>\n\n\n\nIgrGridState<\/code><\/a> is applied on the React IgrGrid<\/code><\/a>, it exposes the GetState<\/code>, GetStateAsString<\/code>, ApplyState<\/code> and ApplyStateFromString<\/code> methods that developers can use to achieve state persistence in any scenario. The supported features are:<\/p>\n\n\n\n\n
\n
![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/Grid-State-Persistence.gif\" "\\"Example")
<\/figure>\n\n\n\nAction slot added to Snackbar component<\/h3>\n\n\n\n
Indicator-expanded slot added to Expansion panel<\/h3>\n\n\n\n
Toggle-icon-expanded slot added to Select<\/h3>\n\n\n\n
Version 4.7<\/h2>\n\n\n\n
Changelog 4.7<\/a><\/h3>\n\n\n\n
Tree component update<\/h3>\n\n\n\n
Rating component update<\/h3>\n\n\n\n
Toggle-icon-expanded slot added to Select<\/h3>\n\n\n\n
Version 4.8<\/h2>\n\n\n\n
Changelog 4.8<\/a><\/h3>\n\n\n\n
Hierarchical Grid component<\/h3>\n\n\n\n
![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/7446.Hierachical-Grid-Component.gif\" "\\"Example")
<\/figure>\n\n\n\nCombobox component update<\/h3>\n\n\n\n
Button and Icon Button components update<\/h3>\n\n\n\n
Navigation bar update<\/h3>\n\n\n\n
Version 4.9<\/h2>\n\n\n\n
Button Group component update<\/h3>\n\n\n\n
Input component update<\/h3>\n\n\n\n
Text Area component update<\/h3>\n\n\n\n
Version 4.10<\/h2>\n\n\n\n
Banner component<\/h3>\n\n\n\n
![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/3858.Banner-Component.gif\" "\\"Example")
<\/figure>\n\n\n\nDivider component<\/h3>\n\n\n\n
New Date Picker component<\/h3>\n\n\n\n
Radio Group component update<\/h3>\n\n\n\n
To Wrap It All Up…<\/h2>\n\n\n\n
\n
In Addition<\/h2>\n\n\n\n
![\"Ignite](\"https:\/\/static.infragistics.com\/marketing\/Blog-in-content-ads\/Ignite-UI-Web-Components\/ignite-ui-web-components.gif\" "\\"Ignite")
<\/a><\/figure>\n\n\n\n