Introducing PrimeVue 4.1.0 featuring the all-new Material Design Theme
Greetings from PrimeTek,
PrimeVue 4.1.0 is a feature-packed major update with various enhancements. The most important highlight is the Material Design theme, it is inspired by Material v2. This is the fourth and final built-in theme in addition to the existing, Aura, Lara and Nora. Just like other presets, it is highly customizable with design tokens.
Use the highlighted configurator at the PrimeVue website topbar to switch to Material theme.
Component Viewer
The Pass-Through documentation now includes an interactive component anatomy viewer to indicate all pass through sections. This is quite handy if you'd like to customize these DOM elements with attributes, styles and listeners.
Ifta and Float Labels
Ifta and new Float label variants are new additions to the suite to display a label and a form element as integrated. All input component demos have received new updates for the label variants.
ImageCompare
A brand new component to compare two images side by side, it is fully accessible and responsive.
More Slots
Various new slots have been added to the components and the template demos of individual component have been updated to demonstrate how the components can easily be customized with content projection.
KeyFilter
A new directive to block individual key strokes based on a pattern.
Nested Overlay Positioning
ContextMenu, TieredMenu and CascadeSelect has received a mobile mode to display the nested menus vertically on a smaller screen.
Maintenance
Our team has spent significant time on reviewing issue tickets and PRs to revamp the overall quality as usually.
Migration
As promised after v4, future updates of PrimeVue will be a drop-in replacement, there are no breaking changes in v4.1.0.
Tailwind Version and Unstyled Mode
The PT based Tailwind presets have also been updated to v4. For those who are not familiar with it, it is an alternative approach to style PrimeVue with Tailwind instead of the default theming with tokens. This will be the last release of the PT based version as after brainstorming with the community we've decided to use "apply" instead of PT. The new update for Tailwind version will be v5 due 3rd week of October to bring great DX experience to what we'll call "FreeStyle" mode so that you can style the components with no restrictions. This styling approach is very useful if you are building your own library on top of PrimeVue or you just prefer Tailwind to style everything in your app.
Roadmap
4.2.0 will bring the new forms library and 4.3.0 will focus on the RTL support. After these we'll start bringing in the heavy duty components like advanced Data Grid, Event Calendar, Gantt Chart, Charts, PDF Viewer, HTML Editor, Timeline and more.