Difference between revisions of "Getting Started with PrimeNG"

From PeformIQ Upgrade
Jump to navigation Jump to search
m (PeterHarding moved page Getting Started with Prime to Getting Started with PrimeNG: Incomplete name)
 
(2 intermediate revisions by the same user not shown)
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/nova-dark/theme.css"
],
...
</pre>
</pre>



Latest revision as of 11:10, 24 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"
],
...