Difference between revisions of "Getting Started with PrimeNG"

From PeformIQ Upgrade
Jump to navigation Jump to search
Line 32: Line 32:
npm i -s quill
npm i -s quill
npm i -s chart.js
npm i -s chart.js
</pre>
<pre>
$ npm install primeng font-awesome
</pre>
Setup the styles in angular.json file:
<pre>
...
"styles": [
  "styles.css",
  "../node_modules/font-awesome/css/font-awesome.min.css",
  "../node_modules/primeng/resources/primeng.min.css",
  "../node_modules/primeng/resources/themes/darkness/theme.css"
],
...
</pre>
</pre>



Revision as of 17:35, 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/darkness/theme.css"
],
...