Difference between revisions of "Getting Started with PrimeNG"

From PeformIQ Upgrade
Jump to navigation Jump to search
Line 46: Line 46:
"styles": [
"styles": [
   "styles.css",
   "styles.css",
   "../node_modules/font-awesome/css/font-awesome.min.css",
   "node_modules/font-awesome/css/font-awesome.min.css",
   "../node_modules/primeng/resources/primeng.min.css",
   "node_modules/primeng/resources/primeng.min.css",
   "../node_modules/primeng/resources/themes/darkness/theme.css"
   "node_modules/primeng/resources/themes/nova-dark/theme.css"
],
],
...
...

Revision as of 17:51, 20 October 2019

Links

Example

ng new primeng-example


cd primeng-example

npm install primeng --save
npm install primeicons --save

ng add ...


For some PrimeNG modules you will need extra modules added:

@angular/cdk - which in turn requires
quill
chart-js
npm i -s @angular/cdk
npm i -s quill
npm i -s chart.js


$ npm install primeng font-awesome

Setup the styles in angular.json file:

...
"styles": [
  "styles.css",
  "node_modules/font-awesome/css/font-awesome.min.css",
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeng/resources/themes/nova-dark/theme.css"
],
...