Installing PrimeNG

This project incorporates PrimeNG as a UI component framework and is installed as part of the project.

Base installation

This installation instructions are based on the PrimeNG Get Started guide and adapted to resolve specific versioning conflicts.

Install the NPM packages as follows;

npm install primeng@^16.9.1 --save
npm install primeicons@^6.0.1 --save

Add the following to the vendor.scss file;

@import '~primeicons/primeicons.css';
@import '~primeng/resources/primeng.min.css';
@import '~primeng/resources/themes/nova/theme.css';

Run npm run webapp:build after adding these imports!

Animations are often used in components such as Panels. Add this to the installation;

npm install @angular/animations@^16.2.11 --save

PrimeNG layouts are handled by PrimeFlex. It is not a requirements, but the examples in the PrimeNG documentation often uses this.

npm install primeflex --save

Add the following to the vendor.scss file;

@import '~primeflex/primeflex.css';

Run npm run webapp:build after adding this import!

VirtualScrolling is required for tables, which in turn requires the CDK library. Install this via npm;

npm install @angular/cdk@^16.2.11 --save