Changelog 17.1<\/a>
Improved package tree-shaking<\/h3>\n\n\n\nTree-shaking is crucial for Angular component libraries because it helps optimize the final bundle size by removing unused code. By eliminating unused code, tree-shaking reduces the amount of JavaScript that needs to be downloaded and executed by the browser. This leads to faster load times and a better user experience. Here are some of the benefits from enhanced package tree-shaking:<\/p>\n\n\n\n
\n- Improved Performance<\/li>\n\n\n\n
- Efficient Resource Utilization<\/li>\n\n\n\n
- Simplified Codebase<\/li>\n\n\n\n
- Enhanced Security<\/li>\n<\/ul>\n\n\n\n
New: Icon Button<\/h3>\n\n\n\n
The Ignite UI for Angular Icon Button<\/a> directive is intended to turn any icon into a fully functional button. The igxIconButton<\/code> comes in three types – flat, outlined, and contained which is the default one.<\/p>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/7380.Icon-Button-Component.gif\" "\\"Example")
<\/figure>\n\n\n\nVersion 17.2<\/h2>\n\n\n\nChangelog 17.2<\/a><\/h3>\n\n\n\nCalendar updates \u2013 styling and theming<\/h3>\n\n\n\n
Ignite UI calendar look, and feel has been updated to improve the UX and addressing customer feedback. The Ignite UI for Angular Calendar component, developed as a native Angular component<\/a>, provides an easy and intuitive ways to display date information, enable dates or apply Angular calendar disable dates mode. Users can choose from three different selection modes – single selection, multi selection or range selection.<\/p>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/0456.Calendar-component.gif\" "\\"Example")
<\/figure>\n\n\n\nButton improvements<\/h3>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/7128.Button-component.gif\" "\\"Example")
<\/figure>\n\n\n\nSupport for external icon sets<\/h3>\n\n\n\n
Now part or all icons used by Ignite UI for Angular components can be replaced with non-Material icon set. The Ignite UI Icon Service<\/a> makes it easy for developers to include custom SVG images and use them with IgxIconComponent<\/a>. In addition, it could be used to associate a custom class to be applied on IgxIconComponent<\/a> according to given font-family.<\/p>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/6825.Icon-Service.gif\" "\\"Example")
<\/figure>\n\n\n\nUpdates of date, datetime and time editor formats<\/h3>\n\n\n\nVersion 18.0<\/h2>\n\n\n\nChangelog 18.0<\/a><\/h3>\n\n\n\nSupport of\u00a0Angular 18<\/h3>\n\n\n\nHeader template for the Pivot Grid<\/h3>\n\n\n\n
As of version 18.0.0<\/code> the Ignite UI for Angular row dimension value headers can be enabled through pivotUI<\/code> option.<\/p>\n\n\n\nExpose headers for row dimensions to be visible in excel when exporting a pivot grid<\/a><\/h3>\n\n\n\nDeprecate of \u2018displayDensity\u2019 property<\/a><\/h3>\n\n\n\nVersion 18.1<\/h2>\n\n\n\nChangelog 18.1<\/a><\/h3>\n\n\n\nHorizontal row dimension expansion for Pivot Grid<\/a><\/h3>\n\n\n\nHeaders focus and keyboard navigation for Pivot Grid Row Dimension Headers<\/h3>\n\n\n\n
Example of Header template and Horizontal row dimension expansion for the Pivot Grid:<\/p>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/0246.Pivot-Grid-Component-Header-templates-and-Horizontal-summaries.gif\" "\\"Example")
<\/figure>\n\n\n\nGrid Toolbar updates<\/h3>\n\n\n\n![\"Example](\"http:\/\/static.infragistics.com\/marketing\/Blogs\/Migration\/00\/00\/00\/09\/43\/5545.Grid-Toolbar-Component.gif\" "\\"Example")
<\/figure>\n\n\n\n<\/p>\n\n\n\n
Complete CHANGELOGS:<\/h2>\n\n\n\n\nIgnite UI for Angular 17.1<\/a><\/h3><\/li>\n\n\n\nIgnite UI for Angular 17.2<\/a><\/h3><\/li>\n\n\n\nIgnite UI for Angular 18.0<\/a><\/h3><\/li>\n\n\n\nIgnite UI for Angular 18.1<\/a><\/h3>
<\/li>\n<\/ul>\n\n\n\nTo Wrap It All Up…<\/h2>\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 Angular 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\nIf you need more details, we encourage you to check out our:<\/p>\n\n\n\n
\n- Discord channel<\/a><\/li>\n\n\n\n
- GitHub discussions<\/a><\/li>\n\n\n\n
- Roadmap<\/a><\/li>\n\n\n\n
- YouTube channel<\/a><\/li>\n\n\n\n
- Twitter<\/a><\/li>\n<\/ul>\n\n\n\n
In Addition<\/h2>\n\n\n\n
Follow Ignite UI for Angular 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![\"Ignite](\"https:\/\/static.infragistics.com\/marketing\/Blog-in-content-ads\/Ignite-UI-Angular\/ignite-ui-angular-you-get-ad.gif\")
<\/a><\/figure>\n\n\n\n<\/p>\n","protected":false},"excerpt":{"rendered":"
The latest release of Ignite UI is out and it brings tons of new features and components for Angular. Learn more about the updates and try the new capabilities.<\/p>\n","protected":false},"author":20,"featured_media":990,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,12],"tags":[],"class_list":["post-756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","category-product-updates"],"_links":{"self":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/756","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=756"}],"version-history":[{"count":9,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":2560,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/756\/revisions\/2560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media\/990"}],"wp:attachment":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media?parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/categories?post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/tags?post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
New: Icon Button<\/h3>\n\n\n\n
The Ignite UI for Angular Icon Button<\/a> directive is intended to turn any icon into a fully functional button. The Ignite UI calendar look, and feel has been updated to improve the UX and addressing customer feedback. The Ignite UI for Angular Calendar component, developed as a native Angular component<\/a>, provides an easy and intuitive ways to display date information, enable dates or apply Angular calendar disable dates mode. Users can choose from three different selection modes – single selection, multi selection or range selection.<\/p>\n\n\n\n Now part or all icons used by Ignite UI for Angular components can be replaced with non-Material icon set. The Ignite UI Icon Service<\/a> makes it easy for developers to include custom SVG images and use them with IgxIconComponent<\/a>. In addition, it could be used to associate a custom class to be applied on IgxIconComponent<\/a> according to given font-family.<\/p>\n\n\n\n As of version Example of Header template and Horizontal row dimension expansion for the Pivot Grid:<\/p>\n\n\n\n <\/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 Angular 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 Ignite UI for Angular 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":" The latest release of Ignite UI is out and it brings tons of new features and components for Angular. Learn more about the updates and try the new capabilities.<\/p>\n","protected":false},"author":20,"featured_media":990,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,12],"tags":[],"class_list":["post-756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular","category-product-updates"],"_links":{"self":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/756","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=756"}],"version-history":[{"count":9,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/756\/revisions"}],"predecessor-version":[{"id":2560,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/posts\/756\/revisions\/2560"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media\/990"}],"wp:attachment":[{"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/media?parent=756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/categories?post=756"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.infragistics.com\/blogs\/wp-json\/wp\/v2\/tags?post=756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}igxIconButton<\/code> comes in three types – flat, outlined, and contained which is the default one.<\/p>\n\n\n\n<\/figure>\n\n\n\nVersion 17.2<\/h2>\n\n\n\n
Changelog 17.2<\/a><\/h3>\n\n\n\n
Calendar updates \u2013 styling and theming<\/h3>\n\n\n\n
<\/figure>\n\n\n\nButton improvements<\/h3>\n\n\n\n
<\/figure>\n\n\n\nSupport for external icon sets<\/h3>\n\n\n\n
<\/figure>\n\n\n\nUpdates of date, datetime and time editor formats<\/h3>\n\n\n\n
Version 18.0<\/h2>\n\n\n\n
Changelog 18.0<\/a><\/h3>\n\n\n\n
Support of\u00a0Angular 18<\/h3>\n\n\n\n
Header template for the Pivot Grid<\/h3>\n\n\n\n
18.0.0<\/code> the Ignite UI for Angular row dimension value headers can be enabled through pivotUI<\/code> option.<\/p>\n\n\n\nExpose headers for row dimensions to be visible in excel when exporting a pivot grid<\/a><\/h3>\n\n\n\n
Deprecate of \u2018displayDensity\u2019 property<\/a><\/h3>\n\n\n\n
Version 18.1<\/h2>\n\n\n\n
Changelog 18.1<\/a><\/h3>\n\n\n\n
Horizontal row dimension expansion for Pivot Grid<\/a><\/h3>\n\n\n\n
Headers focus and keyboard navigation for Pivot Grid Row Dimension Headers<\/h3>\n\n\n\n
<\/figure>\n\n\n\nGrid Toolbar updates<\/h3>\n\n\n\n
<\/figure>\n\n\n\nComplete CHANGELOGS:<\/h2>\n\n\n\n
\n
Ignite UI for Angular 17.1<\/a><\/h3><\/li>\n\n\n\n
Ignite UI for Angular 17.2<\/a><\/h3><\/li>\n\n\n\n
Ignite UI for Angular 18.0<\/a><\/h3><\/li>\n\n\n\n
Ignite UI for Angular 18.1<\/a><\/h3>
<\/li>\n<\/ul>\n\n\n\nTo Wrap It All Up…<\/h2>\n\n\n\n
\n
In Addition<\/h2>\n\n\n\n
<\/a><\/figure>\n\n\n\n