PrimeNG 6.1.4 Released

PrimeNG 6.1.4 is now available with the new Luna themes, accessibility improvements such as keyboard search for Dropdown, better test coverage and quality enhancements. Overall there are 30 filed improvements in 6.1.4.

Luna Theme Family

Luna is the new free and open source theme family featuring a dark color scheme. Similar to Nova, Luna is also created by the PrimeNG Designer. In future releases, we’ll keep adding new free themes as well. Live demos of Luna is available at the “Themes” menu PrimeNG Showcase.

Keyboard Support for Dropdown

Dropdown component is updated with better keyboard support to enable searching options easily, for example hitting “P” key will highlight “Paris” option. Additionally subsequent “P” keystores will cycle the options that start with “P”.

Unit Tests

Unit test coverage has been significantly increased since 6.1.x and by the end of the year, we plan to reach at least 90% coverage of the entire UI suite.

PrimeFlex

PrimeNG has been providing Grid CSS layout utility to serve as the official grid system however it has limitations because of the float based design. In order to modernize it, we’ve introduced a new Grid System called PrimeFlex which is a lightweight flex based responsive layout utility optimized for mobile phones, tablets and desktops. Flex Grid CSS is not included in PrimeNG as it is provided by PrimeFlex, a shared grid library between PrimeFaces, PrimeNG and PrimeReact projects.

Grid CSS on the other hand is deprecated now, it will not be included in primeng.css in PrimeNG 8 however there are no plans to remove it, if you like to keep using it for backward compatibility, you may include it manually since it will be shipped with PrimeNG distribution.

See the FlexGrid demo at PrimeNG Showcase that utilizes PrimeFlex.

Full Changelog

Visit the changelog for more information about the changes, as usual it is a drop-in replacement with no backward compatibility issues.

Roadmap

Next version will be 6.1.5 and we plan to keep focusing on unit tests, keyboard accessibility such as Tree Navigation and also bring in customizable animations of components like Dialog and Calendar.