I am currently playing with UI-Libraries for a new Angular 2 project. I tried Ng-Bootstrap and Material. Unfortunately, they are still in Alpha and Beta. I also checked PrimeNG. PrimeNG currently offers many more components than Material and NgBootstrap. Especially when it comes to tables. PrimeNG seems stable and ready to use for production.
I am not very happy with the PrimeNG grid system. For example, it is unclear how to perform a column offset, for example. I could not find this in the documentation ( https://www.primefaces.org/primeng/#/grid ).
I started using bootstrap 4 with PrimeNG components. This is not entirely clear to me if this is a good way to do it. It looks like I have two frameworks that do the same in some cases. For example, if I want to create a button, I could do the following just using bootstrap classes
<button class="btn btn-primary">Button with Bootstrap</button>
or I could do the following using PrimeNG
<button pButton type="button" label="Button created with PrimeNG"></button>
I missed some of the features of PrimeNG, or let’s use Bootstrap in conjunction with PrimeNG, as it offers more options when it comes to Grid-Layout.
source
share