You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.7 KiB
Markdown
65 lines
2.7 KiB
Markdown
|
6 years ago
|
|
||
|
|
[](https://opensource.org/licenses/MIT)
|
||
|
|
[](https://gitter.im/primefaces/primeng?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
|
||
|
|
[](https://badge.fury.io/js/primeng)
|
||
|
|
[](https://travis-ci.org/primefaces/primeng)
|
||
|
|
|
||
|
|
# PrimeNG
|
||
|
|
|
||
|
|
UI Components for Angular
|
||
|
|
|
||
|
|
See [PrimeNG homepage](http://www.primefaces.org/primeng) for live showcase and documentation.
|
||
|
|
|
||
|
|

|
||
|
|
|
||
|
|
PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by [PrimeTek Informatics](http://www.primetek.com.tr), a vendor with years of expertise in developing open source UI solutions. For project news and updates, please follow us on [twitter](https://twitter.com/prime_ng) and visit our [blog](https://www.primefaces.org/blog).
|
||
|
|
|
||
|
|
- **80+ Components:** The most complete set of native widgets featuring 80+
|
||
|
|
easy to use components for all your UI requirements.
|
||
|
|
|
||
|
|
- **Open Source:** Hosted at GitHub, all widgets are open source and free to use under MIT license. Feel the power of open source.
|
||
|
|
|
||
|
|
- **Productivity:** Allocate your valuable time on business logic rather than dealing with the complex user interface requirements.
|
||
|
|
|
||
|
|
- **Themes:** Don't get tied up in just one look&feel. Choose from a variety of options including material and flat design.
|
||
|
|
|
||
|
|
- **Templates:** Professionally designed highly customizable native Angular CLI application templates to get started in no time.
|
||
|
|
|
||
|
|
- **Mobile:** Enhanced mobile user experience with touch optimized responsive design elements.
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
#### Download
|
||
|
|
|
||
|
|
PrimeNG is available at NPM, if you have an existing application run the following command to download it to your project.
|
||
|
|
|
||
|
|
```
|
||
|
|
npm install primeng --save
|
||
|
|
npm install primeicons --save
|
||
|
|
```
|
||
|
|
|
||
|
|
#### Angular CLI Integration
|
||
|
|
|
||
|
|
Add PrimeNG and PrimeIcons as a dependencies.
|
||
|
|
|
||
|
|
```
|
||
|
|
"dependencies": {
|
||
|
|
//...
|
||
|
|
"primeng": "^7.0.0",
|
||
|
|
"primeicons": "^1.0.0"
|
||
|
|
},
|
||
|
|
```
|
||
|
|
|
||
|
|
Configure required styles at the styles section, example below uses the Nova Light theme.
|
||
|
|
|
||
|
|
```
|
||
|
|
"styles": [
|
||
|
|
"node_modules/primeng/resources/themes/nova-light/theme.css",
|
||
|
|
"node_modules/primeng/resources/primeng.min.css",
|
||
|
|
"node_modules/primeicons/primeicons.css",
|
||
|
|
//...
|
||
|
|
],
|
||
|
|
```
|
||
|
|
|
||
|
|
That is all, you may now import PrimeNG components, for a working example visit the [PrimeNG CLI QuickStart sample](https://github.com/primefaces/primeng-quickstart-cli) at GitHub.
|